@charset "utf-8";
@media only screen and (min-width: 800px) {
    body::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #fff;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    body::-webkit-scrollbar-track {
        border-radius: 0px;
        background: #fff;
    }
    /*定义滑块 内阴影+圆角*/
    body::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: #013f98;
    }
}


/*=========
  基本默认值
  ==========*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}

html,
body {
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    /*苹果手机端滑动卡屏*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    /*手机端点击底部出现背景*/
    width: 100%;
    overflow-x: hidden;
    min-width: 320px;
    font-size: 12px;
}

body {
    color: #000;
    font-family: "Arial", "sans-serif";
}


/** Generated by FG **/

@font-face {
    font-family: 'ziti';
    src: url('../fonts/DIN-Medium.eot');
    src: local('☺'), url('../fonts/DIN-Medium.woff') format('woff'), url('../fonts/DIN-Medium.ttf') format('truetype'), url('../fonts/DIN-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

::after,
::before {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

table {
    border-collapse: collapse;
}

input,
textarea,
select {
    font-family: "Arial", "Microsoft YaHei";
    font-size: 12px;
    outline: none;
    appearance: none;
    /*清楚表单默认样式*/
    -moz-appearance: none;
    -webkit-appearance: none;
}


/*94%的内容*/

.wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}

.wrap1 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    position: relative;
}


/*图片通用样式*/

.img-common {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
}


/*清楚浮动*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
}

.clearfix:after {
    clear: both;
}


/*Flex居中样式*/

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


/*动画*/

.donghua {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}


/*文字溢出*/

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../img/share/icons_0_16.png?v=ba7acbd3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}

.imgbox {
    overflow: hidden;
    position: relative;
}

.out-box {
    overflow: hidden;
    position: relative;
}

.btn {
    outline: none;
    cursor: pointer;
}


/* =========

    导航

 ========= */

.headerbox {
    height: 140px;
}

.headerbox[data-status="login"] {
    height: 80px;
}

.headerbox[data-status="user"] {
    height: 80px;
}

.headerbox .header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1111;
    transition: all .5s ease;
}

.headerbox.down .header {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.headerbox .header .htop {
    height: 80px;
    overflow: hidden;
}

.headerbox .header .htop .logo {
    float: left;
    width: 214px;
    height: 100%;
    position: relative;
    z-index: 11;
    transition: all 1s ease;
}

.headerbox .header .htop .logo img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.headerbox .header .htop .tool {
    float: right;
    height: 100%;
    transition: all 1s ease;
}

.headerbox[data-status="login"] .header .htop .tool {
    display: none;
}

.headerbox .header .htop .tool .searchbox {
    float: left;
}

.headerbox .header .htop .tool .searchbox form {
    border: 1px solid #9fa3a9;
    border-radius: 50px;
    position: relative;
}

.headerbox .header .htop .tool .searchbox form input[type="text"] {
    width: 130px;
    height: 26px;
    border: none;
    border-radius: 50%;
    padding: 0 10px;
}

.headerbox .header .htop .tool .searchbox form input[type="submit"] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #9fa3a9;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    ;
    background-image: url(../images/sico.png);
    -webkit-background-size: 13px;
    background-size: 13px;
}

.headerbox .header .htop .tool .lang {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 50%;
    background-color: #9fa3a9;
    float: left;
    margin-left: 10px;
}

.headerbox .header .htop .tool .userbox {
    float: left;
    margin-left: 10px;
}

.headerbox .header .htop .tool .userbox .link {
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/user.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.headerbox .header .htop .nav-list {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-right: 5px;
}

.headerbox[data-status="login"] .header .htop .nav-list {
    display: none;
}

.headerbox .header .htop .nav-list .lin {
    transition: all .5s ease;
    height: 80px;
    position: relative;
    padding: 0 20px;
}

.headerbox .header .htop .nav-list .lin:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #d5d6d6;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.headerbox .header .htop .nav-list .lin:last-child:after {
    display: none;
}

.headerbox .header .htop .nav-list .lin .a {
    font-size: 16px;
    color: #252525;
    height: 36px;
    line-height: 36px;
    position: relative;
    transition: all 1s ease;
}

.headerbox .header .htop .nav-list .lin .a span {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.headerbox .header .htop .nav-list .lin.on .a span {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.headerbox .header .htop .nav-list .lin .a span:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #013f98;
    position: absolute;
    left: 0;
    bottom: 0;
}

.headerbox .header .htop .nav-list .lin .a span:after {
    content: "";
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #013f98 transparent;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
}


/*返回首页*/

.headerbox .header .htop .backin {
    display: none;
    padding-left: 20px;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    float: right;
    background-position: left 32px;
    background-repeat: no-repeat;
    background-image: url(/phone/images/backk_03.png);
    -webkit-background-size: 14px 15px;
    background-size: 14px 15px;
}

.headerbox[data-status="login"] .header .htop .backin {
    display: block;
}


/*下*/

.headerbox .header .hbottom {
    background-color: #e4e7e8;
    border-bottom: 2px solid #fff;
}

.headerbox[data-status="login"] .header .hbottom {
    display: none;
}

.headerbox[data-status="user"] .header .hbottom {
    display: none;
}

.headerbox .header .hbottom .wrap {
    border-left: 2px solid #fff;
}

.headerbox .header .hbottom .wrap .hbtm-swiper {
    height: 60px;
    line-height: 60px;
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide {
    width: calc(100% / 6);
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib {
    display: block;
    border-right: 2px solid #fff;
    text-align: center;
    transition: all 1s ease;
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(top, #e3e5e6, #ffffff);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #e3e5e6, #ffffff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #e3e5e6, #ffffff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #e3e5e6, #ffffff);
    /* 标准的语法 */
    opacity: 0;
    visibility: hidden;
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide.on .lib:after {
    opacity: 1;
    visibility: visible;
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
    position: relative;
    z-index: 11;
    padding-left: 56px;
    font-size: 18px;
    color: #25272b;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww .ico {
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    width: 42px;
    height: 42px;
    transform: translateY(-50%);
    box-shadow: 2px -2px 10px rgba(0, 0, 0, .2);
    transition: all .5s ease;
}

.mm-nav-box {
    display: none;
}

@media only screen and (min-width: 601px) {
    .headerbox .header .htop .nav-list .lin:hover .a span {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide:hover .lib .ww .ico {
        transform: translateY(-50%) rotateY(180deg);
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide:hover .lib:after {
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 1360px) {
    .headerbox .header .htop {
        height: 70px;
    }
    .headerbox .header .htop .nav-list .lin {
        height: 70px;
    }
    .headerbox {
        height: 130px;
    }
}

@media only screen and (max-width: 1280px) {
    .headerbox .header .htop {
        height: 60px;
    }
    .headerbox .header .htop .nav-list .lin {
        height: 60px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper {
        height: 50px;
        line-height: 50px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
        padding-left: 48px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww .ico {
        width: 36px;
        height: 36px;
    }
    .headerbox {
        height: 110px;
    }
}

@media only screen and (max-width: 1024px) {
    .headerbox {
        height: 90px;
    }
    .headerbox .header .htop {
        height: 50px;
    }
    .headerbox .header .htop .nav-list .lin {
        height: 50px;
    }
    .headerbox .header .htop .nav-list {
        display: none;
    }
    .headerbox .header .htop .logo {
        width: 120px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper {
        height: 40px;
        line-height: 40px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
        padding-left: 40px;
        font-size: 16px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww .ico {
        width: 30px;
        height: 30px;
    }
    .headerbox .header .mmbtn {
        float: right;
        width: 30px;
        height: 50px;
        margin-left: 3%;
        position: relative;
        z-index: 111;
        cursor: pointer;
        transition: all .5s ease;
    }
    .headerbox .header .mmbtn .line {
        width: 100%;
        height: 2px;
        background-color: #013f98;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all .5s ease;
    }
    .headerbox .header .mmbtn .line.l1 {
        margin-top: -8px;
    }
    .headerbox .header .mmbtn .line.l3 {
        margin-top: 8px;
    }
    .headerbox[data-on="on"] .header .mmbtn .line.l1 {
        margin-top: 0;
        transform: translateY(-50%) rotate(45deg);
    }
    .headerbox[data-on="on"] .header .mmbtn .line.l2 {
        display: none;
    }
    .headerbox[data-on="on"] .header .mmbtn .line.l3 {
        margin-top: 0;
        transform: translateY(-50%) rotate(-45deg);
    }
    .mm-nav-box {
        display: block;
        position: fixed;
        left: 0;
        top: 90px;
        width: 100vw;
        z-index: 1111;
        overflow-y: auto;
        background-color: #fff;
        height: calc(100vh - 60px);
        opacity: 0;
        visibility: hidden;
    }
    .mm-nav-box[data-status="user"] {
        top: 50px;
        height: calc(100vh - 50px);
    }
    .mm-nav-box[data-on="active"] {
        opacity: 1;
        visibility: visible;
    }
    .mm-nav-box .mm-nav .li1 {
        background-color: #fff;
    }
    .mm-nav-box .mm-nav .li1 .mm-title {
        display: block;
        height: 60px;
        line-height: 60px;
        padding: 0 3%;
        position: relative;
        border-bottom: 1px solid #f7f7f7;
    }
    .mm-nav-box .mm-nav .li1 .mm-title .a1 {
        transition: all 0s;
        color: #292929;
        font-size: 16px;
    }
    .mm-nav-box .mm-nav .li1 .mm-title .click {
        position: absolute;
        right: 30px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent #013f98 #013f98 transparent;
        margin-top: -7px;
        transform: rotate(45deg);
    }
    .mm-nav-box .mm-nav .li1 .mm-innav {
        display: none;
    }
    .mm-nav-box .mm-nav .li1 .mm-innav li {
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        position: relative;
    }
    .mm-nav-box .mm-nav .li1 .mm-innav li a {
        font-size: 14px;
        color: #000;
        display: block;
    }
    .mm-nav-box .mm-nav .li1[data-on="on"] .mm-innav {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
        font-size: 14px;
    }
}

@media only screen and (max-width: 640px) {
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
        font-size: 12px;
        padding-left: 28px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww .ico {
        width: 22px;
        height: 22px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide:last-child {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    .mm-nav-box .mm-nav .li1 .mm-title {
        height: 50px;
        line-height: 50px;
    }
    .mm-nav-box .mm-nav .li1 .mm-innav li {
        height: 45px;
        line-height: 45px;
    }
    .mm-nav-box .mm-nav .li1 .mm-innav {
        padding-left: 5%;
        padding-right: 5%;
    }
    .headerbox .header .top-link .word {
        font-size: 0;
        padding: 0;
        width: 32px;
        height: 32px;
        background-position: center;
    }
    .headerbox .header .mmbtn {
        width: 25px;
    }
    .headerbox .header .htop .tool .searchbox form input[type="text"] {
        width: 100px;
    }
    .headerbox[data-status="user"] {
        height: 50px;
    }
    .headerbox .header .hbottom .wrap {
        width: 100%
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib {
        height: 40px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww {
        padding: 0;
        padding-top: 6%;
        line-height: 20px;
        font-size: 10px;
    }
    .headerbox .header .hbottom .wrap .hbtm-swiper .swiper-wrapper .swiper-slide .lib .ww .ico {
        width: 18px;
        height: 18px;
        position: relative;
        transform: translateY(0);
        margin: 0 auto;
    }
}


/* =========

    通用大标题

 ========= */

.alltheme {
    padding-top: 40px;
    margin-bottom: 35px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../images/btico_03.png);
    text-align: center;
    position: relative;
}

.alltheme .en {
    font-size: 30px;
    color: #b1b6bd;
    text-transform: uppercase;
}

.alltheme .cn {
    font-size: 24px;
    color: #1e1e1e;
}

@media only screen and (max-width: 1024px) {
    .alltheme .en {
        font-size: 24px;
    }
    .alltheme .cn {
        font-size: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .alltheme {
        -webkit-background-size: 55px auto;
        background-size: 55px auto;
        padding-top: 30px;
        margin-bottom: 3%;
    }
    .alltheme .en {
        font-size: 20px;
    }
    .alltheme .cn {
        font-size: 18px;
    }
}

.color {
    font-size: 0;
}

.color .cc {
    width: calc(100% / 8);
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #3573b9;
}

.color .cc:nth-child(2) {
    background-color: #a7c038;
}

.color .cc:nth-child(3) {
    background-color: #3ca866;
}

.color .cc:nth-child(4) {
    background-color: #176225;
}

.color .cc:nth-child(5) {
    background-color: #0092c8;
}

.color .cc:nth-child(6) {
    background-color: #864199;
}

.color .cc:nth-child(7) {
    background-color: #d30f4c;
}

.color .cc:nth-child(8) {
    background-color: #9cdcf9;
}


/* =========

    首页

 ========= */


/*轮播*/

.inbanner-swiper .swiper-wrapper .swiper-slide .banner {
    height: 538px;
    display: block;
}

.inbanner-swiper .swiper-wrapper .swiper-slide .banner.phone {
    display: none;
}

.inbanner-swiper .btn {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    cursor: pointer;
    outline: none;
}

.inbanner-swiper .btn.inbanner-prev {
    left: 50px;
    background-image: url(../images/btn_03.png);
    transform: translateX(-50%);
}

.inbanner-swiper .btn.inbanner-next {
    right: 50px;
    transform: translateX(50%);
    background-image: url(../images/btn_05.png);
}

@media only screen and (min-width: 2000px) {
    .inbanner-swiper .swiper-wrapper .swiper-slide .banner {
        height: auto;
        padding-top: calc(538 / 1920 * 100%);
    }
}

@media only screen and (min-width: 601px) {
    .inbanner-swiper:hover .btn.inbanner-prev {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .inbanner-swiper:hover .btn.inbanner-next {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 1200px) {
    .inbanner-swiper .swiper-wrapper .swiper-slide .banner {
        padding-top: calc(540 / 1920 * 100%);
        height: auto;
    }
}

@media only screen and (max-width: 414px) {
    .inbanner-swiper .swiper-wrapper .swiper-slide .banner {
        padding-top: calc(180 / 414 * 100%);
    }
    .inbanner-swiper .swiper-wrapper .swiper-slide .banner.pc {
        display: none;
    }
    .inbanner-swiper .swiper-wrapper .swiper-slide .banner.phone {
        display: block;
    }
}


/*首页精选产品*/

.inproduct-bg {
    padding: 60px 0;
    overflow: hidden;
}

.inproduct-bg .plist {
    padding-top: 30px;
}

.inproduct-bg .plist .lip {
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    float: left;
    position: relative;
    overflow: hidden;
}

.inproduct-bg .plist .lip:nth-child(5) {
    margin-right: 0;
}

.inproduct-bg .plist .lip:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}

.inproduct-bg .plist .lip:first-child .pimg {
    padding-top: calc(286 / 1200 * 100%);
}

.inproduct-bg .plist .lip .pimg {
    padding-top: calc(500 / 280 * 100%);
    transition: all 0.5s ease;
}

.inproduct-bg .plist .lip .title {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
}

.inproduct-bg .plist .lip .title .cn {
    font-size: 24px;
    margin-bottom: 10px;
}

.inproduct-bg .plist .lip .title .en {
    font-size: 18px;
    text-transform: uppercase;
}

@media only screen and (min-width: 601px) {
    /*.inproduct-bg .plist .lip:hover .title .cn{
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
.inproduct-bg .plist .lip:hover .title .en{
	transform: translateY(100%);
	visibility: hidden;
	opacity: 0;
}*/
    .inproduct-bg .plist .lip:hover .pimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1024px) {
    .inproduct-bg {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 414px) {
    .inproduct-bg {
        padding: 6% 0;
    }
    .inproduct-bg .plist .lip .title .cn {
        font-size: 18px;
        margin-bottom: 3%;
    }
    .inproduct-bg .plist .lip {
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
    }
    .inproduct-bg .plist .lip:nth-child(3) {
        margin-right: 0;
    }
    .inproduct-bg .plist .lip:first-child .pimg {
        padding-top: calc(286 / 600 * 100%);
    }
    .inproduct-bg .plist .lip .title {
        padding: 0 3%;
    }
    .inproduct-bg .plist .lip .title .en {
        font-size: 12;
    }
}


/*首页企业视频*/

.invideo-bg {
    margin-bottom: 60px;
    max-width: 1600px;
}

.invideo-bg .video-pic {
    margin-top: 40px;
    padding-bottom: 50px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(../images/invideo_03.jpg);
}

.invideo-bg .video-pic .vswiperbox {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.invideo-bg .video-pic .vswiperbox .btn {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 40px);
    transform: translateY(-50%);
    z-index: 11;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    outline: none;
    cursor: pointer;
    border-radius: 50%;
}

.invideo-bg .video-pic .vswiperbox .btn.invideo-prev {
    right: 100%;
    margin-right: 30px;
    background-image: url(../images/ivbtn_03.png);
}

.invideo-bg .video-pic .vswiperbox .btn.invideo-next {
    left: 100%;
    margin-left: 30px;
    background-image: url(../images/ivbtn_05.png);
}

.invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .videobox {
    padding-top: calc(450 / 800 * 100%);
    position: relative;
    overflow: hidden;
}

.invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .videobox .mejs-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mejs-container img {
    display: block !important;
}

.invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .videobox .iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .title {
    text-align: center;
    height: 80px;
    line-height: 80px;
}

.invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .title .ww {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/ivico_03.png);
    -webkit-background-size: 28px 18px;
    background-size: 28px 18px;
}

@media only screen and (max-width: 1024px) {
    .invideo-bg {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .invideo-bg {
        margin-bottom: 6%;
    }
    .invideo-bg .video-pic .vswiperbox .invideo-swiper .swiper-wrapper .swiper-slide .title {
        height: 60px;
        line-height: 60px;
    }
}


/*首页居家美学*/

.inart-bg .inart-swiper {
    padding-top: 35px;
}

.inart-bg .inart-swiper .swiper-wrapper .swiper-slide {
    width: calc((100% - 50px) / 3);
    float: left;
    margin-right: 25px;
}

.inart-bg .inart-swiper .swiper-wrapper .swiper-slide:nth-child(3) {
    margin-right: 0;
}

.inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia {
    display: block;
}

.inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia .aimg {
    padding-top: 100%;
}

.inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia .title {
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    color: #242424;
}

@media only screen and (min-width: 601px) {
    .inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia:hover .aimg {
        transform: scale(1.1);
    }
    .inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia:hover .title {
        background-color: #013f98;
        color: #fff;
    }
}

@media only screen and (max-width: 1024px) {
    .inart-bg .inart-swiper {
        padding-top: 6%;
    }
}

@media only screen and (max-width: 768px) {
    .inart-bg .inart-swiper .swiper-wrapper {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .inart-bg .inart-swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 414px) {
    .inart-bg .inart-swiper .swiper-wrapper .swiper-slide .lia .title {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}


/*居家设计*/

.study-bg {
    padding-top: 60px;
    padding-bottom: 80px;
}

.study-bg .design-list {
    padding-bottom: 20px;
}

.study-bg .design-list .lid {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    display: block;
}

.study-bg .design-list .lid:nth-child(4n) {
    margin-right: 0;
}

.study-bg .design-list .lid .imgbox {
    margin-bottom: 10px;
}

.study-bg .design-list .lid .imgbox .dimg {
    padding-top: calc(180 / 280 * 100%);
}
.study-bg .design-list .lid .imgbox .dimg.hh {
    padding-top: calc( 430 / 285 * 100%);
}
.study-bg .design-list .lid .title {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    margin-bottom: 30px;
}

.study-bg .design-list .lid .time {
    font-size: 12px;
    color: #b1b1b1;
}

@media only screen and (min-width: 601px) {
    .study-bg .design-list .lid:hover .imgbox .dimg {
        transform: scale(1.1);
    }
    .study-bg .design-list .lid:hover .title {
        color: #013f98;
    }
}

@media only screen and (max-width: 1280px) {
    .study-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .study-bg {
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .study-bg .design-list .lid {
        width: calc((100% - 40px) / 3);
    }
    .study-bg .design-list .lid:nth-child(4n) {
        margin-right: 20px;
    }
    .study-bg .design-list .lid:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .study-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .study-bg .design-list .lid {
        width: calc((100% - 20px) / 2);
        margin-bottom: 5%;
    }
    .study-bg .design-list .lid:nth-child(4n) {
        margin-right: 0;
    }
    .study-bg .design-list .lid:nth-child(3n) {
        margin-right: 20px;
    }
    .study-bg .design-list .lid:nth-child(2n) {
        margin-right: 0;
    }
    .study-bg .design-list .lid .title {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        margin-bottom: 5%;
    }
    .study-bg .design-list {
        padding-bottom: 0;
        padding-top: 3%;
    }
}


/*全屋定制*/

.study-bg .design1-list .lid {
    margin-bottom: 60px;
    background-color: #fafafa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.study-bg .design1-list .lid:nth-child(2n) {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.study-bg .design1-list .lid .imgbox {
    width: 50%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}

.study-bg .design1-list .lid .imgbox .dimg {
    padding-top: calc(380 / 600 * 100%);
}

.study-bg .design1-list .lid .textbox {
    width: 50%;
}

.study-bg .design1-list .lid .textbox .text {
    width: 94%;
    max-width: 520px;
}

.study-bg .design1-list .lid .textbox .text .title {
    font-size: 30px;
    color: #242424;
    margin-bottom: 20px;
}

.study-bg .design1-list .lid .textbox .text .demo {
    font-size: 14px;
    color: #2e2e2e;
    line-height: 24px;
    margin-bottom: 40px;
}

.study-bg .design1-list .lid .textbox .text .codebox .code {
    width: 100px;
    height: 100px;
    margin-bottom: 6px;
}

.study-bg .design1-list .lid .textbox .text .codebox .word {
    font-size: 13px;
    color: #013f98;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .study-bg .design1-list .lid {
        margin-bottom: 30px;
    }
    .study-bg .design1-list .lid .textbox .text .title {
        font-size: 24px;
    }
    .study-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .study-bg .design1-list .lid {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-bottom: 3%;
    }
    .study-bg .design1-list .lid:nth-child(2n) {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .study-bg .design1-list .lid .imgbox {
        width: 100%;
        margin-bottom: 3%;
    }
    .study-bg .design1-list .lid .textbox {
        width: 100%;
    }
    .study-bg .design1-list .lid .textbox .text {
        max-width: none;
    }
}

@media only screen and (max-width: 414px) {
    .study-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
}


/*专卖店查询*/

.instroe-bg {
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 80px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../images/map_03.png);
}

.instroe-bg .stroe-form {
    padding-top: 30px;
}

.instroe-bg .stroe-form .itembox {
    margin-bottom: 65px;
    font-size: 0;
    text-align: center;
}

.instroe-bg .stroe-form .itembox .sitem {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 15px;
    width: 100%;
    max-width: 360px;
    border-radius: 50px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
    position: relative;
    transition: all .5s ease;
}

.instroe-bg .stroe-form .itembox .sitem:after {
    content: "";
    border-style: solid;
    border-width: 6px 5px;
    border-color: #013f98 transparent transparent transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.instroe-bg .stroe-form .itembox .sitem select {
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    color: #585858;
    padding: 0 20px;
    transition: all .5s ease;
}

.instroe-bg .stroe-form button {
    width: 100%;
    max-width: 370px;
    background-color: #013f98;
    text-align: center;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    display: block;
    border: none;
    border-radius: 50px;
    outline: none;
    cursor: pointer;
}

.instroe-bg .stroe-form button .ww {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 28px;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.instroe-bg .stroe-form button .ww span {
    width: 15px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/md_03.png);
    -webkit-background-size: 15px 20px;
    background-size: 15px 20px;
}

@keyframes stroedd {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes stroedd
/* Firefox */

{
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes stroedd
/* Safari 和 Chrome */

{
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0);
    }
}

@-o-keyframes stroedd
/* Opera */

{
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0);
    }
}

@media only screen and (min-width: 601px) {
    .instroe-bg .stroe-form .itembox .sitem:hover:after {
        border-color: #fff transparent transparent transparent;
    }
    .instroe-bg .stroe-form .itembox .sitem:hover select {
        color: #fff;
        background-color: #013f98;
    }
    .instroe-bg .stroe-form button:hover .ww span {
        animation: stroedd 2.5s infinite;
        -webkit-animation: stroedd 2.5s infinite;
        /* Safari and Chrome */
    }
}

@media only screen and (max-width: 1024px) {
    .instroe-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .instroe-bg .stroe-form .itembox {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .instroe-bg {
        padding: 6% 0;
    }
    .instroe-bg .stroe-form .itembox {
        margin-bottom: 5%;
    }
    .instroe-bg .stroe-form .itembox .sitem {
        margin: 0;
        margin-bottom: 5%;
        max-width: none;
    }
    .instroe-bg .stroe-form .itembox .sitem select {
        height: 45px;
    }
    .instroe-bg .stroe-form button {
        height: 55px;
        line-height: 55px;
    }
}


/*新闻资讯*/

.innews-bg {
    padding-bottom: 80px;
}

.innews-bg .nitem {
    width: 600px;
    float: left;
    overflow: hidden;
}

.innews-bg .nitem:nth-child(2) {
    width: calc(100% - 600px);
    float: right;
    padding-left: 20px;
}

.innews-bg .nitem .nbt {
    font-size: 24px;
    color: #141414;
    margin-bottom: 15px;
    position: relative;
}

.innews-bg .nitem .nbt .link {
    color: #013f98;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    display: block;
    padding-right: 15px;
    font-weight: bold;
}

.innews-bg .nitem .nbt .link:before {
    content: "";
    width: 8px;
    height: 2px;
    background-color: #013f98;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.innews-bg .nitem .nbt .link:after {
    content: "";
    width: 8px;
    height: 2px;
    background-color: #013f98;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.innews-bg .nitem .newsbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.innews-bg .nitem .newsbox .inbox {
    width: 100%;
    max-width: 290px;
}

.innews-bg .nitem .newsbox .inbox .innews-swiper .btn {
    width: 40px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-radius: 50%;
    z-index: 11;
    outline: none;
    cursor: pointer;
    transition: all .5s ease;
}

.innews-bg .nitem .newsbox .inbox .innews-swiper .btn:after {
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #bfbfc0 transparent transparent #bfbfc0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -3px;
    transform: rotate(-45deg);
}

.innews-bg .nitem .newsbox .inbox .innews-swiper .btn.innews-next:after {
    margin-left: -9px;
    transform: rotate(135deg);
}

.innews-bg .nitem .newsbox .inbox .innews-swiper .btn.innews-prev {
    left: 0;
}

.innews-bg .nitem .newsbox .inbox .innews-swiper .btn.innews-next {
    right: 0;
}

.innews-bg .nitem .newsbox .inbox .lin {
    display: block;
    background-color: #fff;
    overflow: hidden;
}

.innews-bg .nitem .newsbox .inbox .lin .imgbox .nimg {
    padding-top: calc(220 / 290 * 100%);
}

.innews-bg .nitem .newsbox .inbox .lin .main {
    padding: 10px 14px;
    border: 1px solid #e9e9e9;
}

.innews-bg .nitem .newsbox .inbox .lin .main .title {
    font-size: 16px;
    color: #383838;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    margin-bottom: 10px;
}

.innews-bg .nitem .newsbox .inbox .lin .main .timebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 12px;
}

.innews-bg .nitem .newsbox .inbox .lin .main .timebox .time {
    color: #009944;
}

.innews-bg .nitem .newsbox .inbox .lin .main .timebox .word {
    color: #bbbbbc;
}


/*防伪*/

.innews-bg .nitem .checkbox {
    display: block;
}

.innews-bg .nitem .checkbox .imgbox .cimg {
    padding-top: calc(220 / 580 * 100%);
}

.innews-bg .nitem .checkbox .textbox {
    height: 96px;
    border: 1px solid #e9e9e9;
    padding: 0 20px;
}

.innews-bg .nitem .checkbox .textbox .text {
    padding-left: 80px;
    position: relative;
    font-size: 13px;
    color: #3c3c3c;
    line-height: 24px;
}

.innews-bg .nitem .checkbox .textbox .text .ico {
    position: absolute;
    left: 0;
    top: 50%;
    width: 56px;
    height: 56px;
    transform: translateY(-50%);
}

.innews-bg .nitem .checkbox .textbox .text .ico:before {
    content: "";
    width: 27px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/safe_03.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 27px 30px;
    background-size: 27px 30px;
    animation: safe 2s infinite linear;
    -webkit-animation: safe 2s infinite linear;
    /* Safari and Chrome */
}

.innews-bg .nitem .checkbox .textbox .text .ico:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/sbox_03.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 56px;
    background-size: 56px;
    position: absolute;
    left: 0;
    top: 0;
    animation: cricle 3s infinite linear;
    -webkit-animation: cricle 3s infinite linear;
    /* Safari and Chrome */
}

@keyframes safe {
    0% {
        transform: translate(-50%, -50%) scale(0.9);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.9);
    }
}

@keyframes cricle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (min-width: 601px) {
    .innews-bg .nitem .newsbox .inbox:hover .lin .imgbox .nimg {
        transform: scale(1.1);
    }
    .innews-bg .nitem .newsbox .inbox:hover .lin .main .title {
        color: #013f98;
    }
    .innews-bg .nitem .newsbox .inbox .innews-swiper .btn:hover {
        background-color: #013f98;
    }
    .innews-bg .nitem .newsbox .inbox .innews-swiper .btn:hover:after {
        border-color: #fff transparent transparent #fff;
    }
}

@media only screen and (max-width: 1024px) {
    .innews-bg {
        padding-bottom: 30px;
    }
    .innews-bg .nitem {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .innews-bg .nitem:nth-child(2) {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .innews-bg .nitem .newsbox .inbox {
        max-width: calc(97% / 2);
    }
}

@media only screen and (max-width: 414px) {
    .innews-bg {
        padding-bottom: 6%;
    }
    .innews-bg .nitem .newsbox {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .innews-bg .nitem .newsbox .inbox {
        max-width: none;
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .innews-bg .nitem .nbt {
        position: static;
    }
    .innews-bg .nitem {
        position: relative;
        padding-bottom: 8%;
    }
    .innews-bg .nitem .nbt .link {
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(50%);
        height: 20px;
        line-height: 20px;
        text-align: right;
    }
}


/* =========

    通用内页大图

 ========= */

.allpage-banner {
    position: relative;
    overflow: hidden;
}

.allpage-banner .abanner {
    height: 438px;
    transition: all 3s ease;
}

.allpage-banner.index .abanner {
    height: 600px;
}

.allpage-banner.joining .abanner {
    padding-top: calc(800 / 1920 * 100%);
}

.allpage-banner .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    font-size: 54px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
    letter-spacing: 15px;
    padding-left: 15px;
}

.allpage-banner.on .title {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 2000px) {
    .allpage-banner .abanner {
        height: auto;
        padding-top: calc(438 / 1920 * 100%);
    }
}

@media only screen and (max-width: 1024px) {
    .allpage-banner .abanner {
        padding-top: 20vh;
        height: auto;
        transition: all 1s ease;
    }
}

@media only screen and (max-width: 414px) {
    .allpage-banner .abanner {
        transition: all 0s;
    }
}


/* =========

    通用路径

 ========= */

.pathbox {
    position: relative;
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
}

.md {
    position: absolute;
    top: -140px;
}

.pathbox .wrap {
    font-size: 0;
    border-left: 1px solid #e6e6e6;
}

.pathbox .home {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/home_03.png);
    -webkit-background-size: 21px 19px;
    background-size: 21px 19px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-right: 1px solid #e6e6e6;
}

.pathbox .pitem {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    vertical-align: top;
    width: 100%;
    max-width: 300px;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}

.pathbox .pitem .word {
    height: 60px;
    line-height: 60px;
    display: block;
    transition: all .5s ease;
}

.pathbox .pitem .word .ww {
    width: 94%;
    max-width: 240px;
    position: relative;
    font-size: 16px;
    color: #242424;
    margin: 0 auto;
    transition: all .5s ease;
}

.pathbox .pitem .word .ww:after {
    content: "";
    border-style: solid;
    border-width: 5px;
    border-color: #013f98 transparent transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.pathbox .pitem .sub {
    position: absolute;
    left: 0;
    top: 100%;
    margin-left: -1px;
    width: calc(100% + 2px);
    background-color: #fff;
    z-index: 11;
    border: 1px solid #e6e6e6;
    border-top: none;
    display: none;
}

.pathbox .pitem .sub .list {
    padding: 15px 30px;
}

.pathbox .pitem .sub .list .ss {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #414141;
    display: block;
    position: relative;
}

.pathbox .pitem .sub .list .ss:after {
    content: "";
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #013f98 #013f98 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    transform: translateX(-100%) rotate(45deg);
    opacity: 0;
    visibility: hidden;
}

.pathbox .pitem .sub .list .ss .bt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    transition: all .5s ease;
    padding-bottom: 2px;
}

@media only screen and (min-width: 601px) {
    .pathbox .pitem .word:hover {
        background-color: #013f98;
    }
    .pathbox .pitem .word:hover .ww {
        color: #fff;
    }
    .pathbox .pitem .word:hover .ww:after {
        border-color: #fff transparent transparent transparent;
    }
    .pathbox .pitem .sub .list .ss:hover .bt {
        text-decoration: underline;
        color: #013f98;
    }
    .pathbox .pitem .sub .list .ss:hover:after {
        transform: translateX(0) rotate(45deg);
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 1024px) {
    .pathbox {
        height: 50px;
    }
    .pathbox .home {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .pathbox .pitem .word {
        height: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 640px) {
    .pathbox {
        height: auto;
        border: none;
    }
    .pathbox .home {
        border-bottom: 1px solid #e6e6e6;
    }
    .pathbox .pitem {
        max-width: none;
        width: calc(100% - 50px);
        border-bottom: 1px solid #e6e6e6;
    }
    .pathbox .pitem:nth-child(2) {
        display: none;
    }
    .pathbox .pitem .word .ww {
        max-width: 90%;
    }
    .pathbox .wrap {
        border: none;
        width: 100%;
    }
}


/* =========

    通用分页

 ========= */

.allfenye {
    text-align: center;
    font-size: 0;
}

.allfenye .btn {
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 16px;
    color: #383838;
    border: 1px solid #eeeeee;
}

.allfenye .btn.on {
    background-color: #013f98;
    color: #fff;
}

.allfenye .link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    position: relative;
    border: 1px solid #eeeeee;
}

.allfenye .link.prev {
    margin-right: 36px;
}

.allfenye .link.next {
    margin-left: 36px;
}

.allfenye .link:after {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #bebebe transparent transparent #bebebe;
    position: absolute;
    left: 50%;
    top: 50%;
}

.allfenye .link.max:before {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #bebebe transparent transparent #bebebe;
    position: absolute;
    left: 50%;
    top: 50%;
}

.allfenye .link.top:before {
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: 4px;
}

.allfenye .link.top:after {
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: -4px;
}

.allfenye .link.bottom:before {
    transform: translate(-50%, -50%) rotate(135deg);
    margin-left: 4px;
}

.allfenye .link.bottom:after {
    transform: translate(-50%, -50%) rotate(135deg);
    margin-left: -4px;
}

.allfenye .link.prev:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.allfenye .link.next:after {
    transform: translate(-50%, -50%) rotate(135deg);
}

@media only screen and (min-width: 601px) {
    .allfenye .btn:hover {
        background-color: #013f98;
        color: #fff;
    }
    .allfenye .link:hover:after {
        border-color: #013f98 transparent transparent #013f98;
    }
    .allfenye .link.max:hover:before {
        border-color: #013f98 transparent transparent #013f98;
    }
}

@media only screen and (max-width: 414px) {
    .allfenye .btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .allfenye .link {
        width: 30px;
        height: 30px;
    }
    .allfenye .link.prev {
        margin-right: 20px;
    }
    .allfenye .link.next {
        margin-left: 20px;
    }
}

.allfenye1 {
    text-align: right;
    font-size: 0;
    padding: 0 40px;
}

.allfenye1 .btn {
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px;
    color: rgba(61, 61, 61, 75);
    background-color: #fff;
    border: 1px solid #eeeeee;
}

.allfenye1 .btn.on {
    width: 40px;
    color: #3d3d3d;
    background-color: #fafafa;
}

.allfenye1 .link {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    position: relative;
}

.allfenye1 .link.prev {
    width: 30px;
}

.allfenye1 .link.next {
    width: 30px;
}

.allfenye1 .link:after {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #bebebe transparent transparent #bebebe;
    position: absolute;
    left: 50%;
    top: 50%;
}

.allfenye1 .link.prev:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.allfenye1 .link.next:after {
    transform: translate(-50%, -50%) rotate(135deg);
}

.allfenye1 .link.max {
    font-size: 12px;
    color: rgba(102, 102, 102, .75);
}

.allfenye1 .link.max:after {
    display: none;
}


/* =========

    关于大宝

 ========= */

.aindex-bg {
    padding-top: 60px;
    padding-bottom: 30px;
}

.aindex-bg .lia {
    width: calc((100% - 20px) / 5);
    margin-right: 5px;
    margin-bottom: 25px;
    padding: 10px;
    background-color: #f5f5f5;
    float: left;
}

.aindex-bg .lia:nth-child(5n) {
    margin-right: 0;
}

.aindex-bg .lia .title {
    padding: 20px 0;
}

.aindex-bg .lia .title .cn {
    font-size: 16px;
    color: #383838;
    height: 20px;
    line-height: 20px;
    margin-bottom: 6px;
}

.aindex-bg .lia .title .en {
    font-size: 14px;
    color: #bababa;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
}

.aindex-bg .lia .imgbox .aimg {
    padding-top: calc(150 / 216 * 100%);
}

.aindex-bg .lia .imgbox .detail {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    width: calc(100% - 20px);
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
}

@media only screen and (min-width: 601px) {
    .aindex-bg .lia:hover .imgbox .aimg {
        transform: scale(1.1);
    }
    .aindex-bg .lia:hover .title .cn {
        color: #013f98;
    }
}

@media only screen and (max-width: 1024px) {
    .aindex-bg .lia {
        width: calc((100% - 15px) / 4);
    }
    .aindex-bg .lia:nth-child(5n) {
        margin-right: 5px;
    }
    .aindex-bg .lia:nth-child(4n) {
        margin-right: 0;
    }
    .aindex-bg {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 414px) {
    .aindex-bg .lia {
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 3%;
    }
    .aindex-bg .lia:nth-child(5n) {
        margin-right: 10px;
    }
    .aindex-bg .lia:nth-child(2n) {
        margin-right: 0;
    }
    .aindex-bg {
        padding-top: 6%;
        padding-bottom: 5%;
    }
    .allfenye1 {
        padding: 0;
    }
}


/*公司简介*/

.about-bg {
    padding-top: 60px;
    background-position: top;
    background-repeat: no-repeat;
}

.about-bg .intro-box {
    padding-bottom: 100px;
}

.about-bg .intro-box .intro-top .lit {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.about-bg .intro-box .intro-top .lit:nth-child(2n) {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.about-bg .intro-box .intro-top .lit .imgbox {
    width: calc(100% - 510px);
}

.about-bg .intro-box .intro-top .lit .imgbox .timg {
    padding-top: calc(380 / 690 * 100%);
}

.about-bg .intro-box .intro-top .lit .textbox {
    width: 510px;
    padding-left: 40px;
}

.about-bg .intro-box .intro-top .lit:nth-child(2n) .textbox {
    padding-left: 0;
    padding-right: 40px;
}

.about-bg .intro-box .intro-top .lit .textbox .title {
    line-height: 140px;
    font-size: 100px;
    color: #eaeaea;
    font-weight: bold;
}

.about-bg .intro-box .intro-top .lit .textbox .text {
    font-size: 16px;
    color: #414141;
    line-height: 30px;
}

.about-bg .intro-box .desc {
    font-size: 18px;
    color: #1e1e1e;
    font-weight: bold;
}

.about-bg .intro-box .desc a {
    color: #013f98;
    text-decoration: underline;
}

.about-bg .intro-box .swiperbox {
    padding-top: 40px;
    position: relative;
}

.about-bg .intro-box .swiperbox .intro-swiper .swiper-wrapper .swiper-slide .imgbox .simg {
    padding-top: calc(210 / 370 * 100%);
}

.about-bg .intro-box .swiperbox .intro-swiper .swiper-wrapper .swiper-slide .title {
    height: 70px;
    line-height: 70px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 16px;
    color: #414141;
}

.about-bg .intro-box .swiperbox .btn {
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 11;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    cursor: pointer;
    outline: none;
}

.about-bg .intro-box .swiperbox .btn.intro-prev {
    background-image: url(../images/intro_03.png);
    left: 0;
    margin-left: -22px;
}

.about-bg .intro-box .swiperbox .btn.intro-next {
    background-image: url(../images/intro_05.png);
    right: 0;
    margin-right: -22px;
}

@media only screen and (max-width: 1360px) {
    .about-bg .intro-box {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .about-bg .intro-box {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .about-bg .intro-box {
        padding-bottom: 40px;
    }
    .about-bg {
        padding-top: 40px;
    }
    .about-bg .intro-box .intro-top .lit {
        margin-bottom: 50px;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .about-bg .intro-box .intro-top .lit:nth-child(2n) {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .about-bg .intro-box .intro-top .lit:nth-child(2n) .textbox {
        padding: 0;
    }
    .about-bg .intro-box .intro-top .lit .imgbox {
        width: 100%;
        margin-bottom: 3%;
    }
    .about-bg .intro-box .intro-top .lit .textbox {
        width: 100%;
        padding-left: 0;
    }
    .about-bg .intro-box .intro-top .lit .textbox .title {
        font-size: 60px;
        line-height: 80px;
    }
}

@media only screen and (max-width: 414px) {
    .about-bg {
        padding-top: 5%;
    }
    .about-bg .intro-box .intro-top .lit {
        margin-bottom: 5%;
    }
    .about-bg .intro-box .intro-top .lit .textbox .title {
        font-size: 36px;
        line-height: 1.5;
    }
    .about-bg .intro-box {
        padding-bottom: 10%;
    }
    .about-bg .intro-box .swiperbox .btn {
        display: none;
    }
    .about-bg .intro-box .swiperbox .intro-swiper .swiper-wrapper .swiper-slide .title {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .about-bg .intro-box .swiperbox .intro-swiper {
        display: none;
    }
    .about-bg .intro-box .swiperbox .mmintro-swiper .mm {
        padding-top: calc(210 / 370 * 100%);
        margin-bottom: 5%;
    }
}


/*公司理念*/

.cultrue-box {
    padding-bottom: 10px;
}

.cultrue-box .citem {
    margin-bottom: 70px;
}

.cultrue-box .citem .inbox {
    text-align: center;
    font-size: 0;
}

.cultrue-box .citem .inbox .nn {
    width: 210px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 -20px;
    position: relative;
}

.cultrue-box .citem .inbox .nn:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(38, 178, 174, .8);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.cultrue-box .citem .inbox .nn:nth-child(2):after {
    background-color: rgba(237, 161, 38, .8);
}

.cultrue-box .citem .inbox .nn:nth-child(3):after {
    background-color: rgba(62, 195, 238, .8);
}

.cultrue-box .citem .inbox .nn:nth-child(4):after {
    background-color: rgba(255, 118, 109, .8);
}

.cultrue-box .citem .inbox .nn .nimg {
    padding-top: 100%;
    border-radius: 50%;
}

.cultrue-box .citem .inbox .nn .title {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    z-index: 11;
}

.cultrue-box .citem .inbox .nn .title .cn {
    font-size: 36px;
}

.cultrue-box .citem .inbox .nn .title .en {
    font-size: 20px;
}

.cultrue-box .citem .inbox2 .nn2 {
    width: calc((100% - 60px) / 3);
    margin-right: 20px;
    float: left;
}

.cultrue-box .citem .inbox2 .nn2 .imgbox {
    margin-bottom: 20px;
}

.cultrue-box .citem .inbox2 .nn2 .imgbox .nimg {
    padding-top: calc(210 / 380 * 100%);
}

.cultrue-box .citem .inbox2 .nn2 .cn {
    font-size: 24px;
    color: #434343;
    text-align: center;
    margin-bottom: 5px;
}

.cultrue-box .citem .inbox2 .nn2 .en {
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.cultrue-box .citem .nnlast {
    float: left;
    width: 100%;
    padding-top: 55px;
    margin-top: 50px;
    border-top: 1px solid #e6e6e6;
}

.cultrue-box .citem .nnlast .textbox {
    width: 560px;
    float: right;
}

.cultrue-box .citem .nnlast .textbox .title {
    line-height: 140px;
    font-size: 72px;
    color: #eaeaea;
    font-weight: bold;
}

.cultrue-box .citem .nnlast .textbox .text {
    font-size: 15px;
    color: #414141;
    line-height: 2;
}

.cultrue-box .citem .nnlast .imgbox {
    width: calc(97% - 560px);
    max-width: 600px;
    float: left;
}

.cultrue-box .citem .nnlast .imgbox .limg {
    padding-top: calc(380 / 600 * 100%);
}

@media only screen and (max-width: 1280px) {
    .cultrue-box .citem {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    .cultrue-box .citem {
        margin-bottom: 30px;
    }
    .cultrue-box .citem .inbox .nn .title .cn {
        font-size: 30px;
    }
    .cultrue-box .citem .nnlast {
        padding-top: 35px;
        margin-top: 30px;
    }
    .cultrue-box .citem .nnlast .imgbox {
        width: 100%;
        max-width: none;
        float: none;
    }
    .cultrue-box .citem .nnlast .textbox {
        width: 100%;
    }
    .cultrue-box .citem .nnlast .textbox .title {
        font-size: 60px;
        line-height: 80px;
    }
}

@media only screen and (max-width: 414px) {
    .about-bg .alltheme {
        margin-bottom: 5%;
    }
    .cultrue-box .citem .inbox .nn {
        width: 50%;
        margin: 0 -15px;
    }
    .cultrue-box .citem .inbox .nn .title .cn {
        font-size: 24px;
    }
    .cultrue-box .citem .inbox2 .nn2 {
        width: 100%;
        margin-bottom: 3%;
    }
    .cultrue-box .citem .inbox2 .nn2 .imgbox {
        margin-bottom: 3%;
    }
    .cultrue-box .citem .inbox2 .nn2 .cn {
        font-size: 20px;
    }
    .cultrue-box .citem .nnlast {
        padding-top: 3%;
        margin-top: 0;
    }
    .cultrue-box .citem .nnlast .textbox .title {
        font-size: 36px;
        line-height: 1.5;
        font-weight: normal;
    }
}


/*企业荣耀*/

.honor-bg {
    padding-bottom: 100px;
}

.honor-bg .hlist {
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
}

.honor-bg .hlist .lih {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    float: left;
    padding-bottom: 30px;
    margin-bottom: 60px;
    border: 1px solid #e4e5e6;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}

.honor-bg .hlist .lih:nth-child(3n) {
    margin-right: 0;
}

.honor-bg .hlist .lih:after {
    content: "";
    width: 50px;
    height: 31px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/hafter_03.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    right: -1px;
    bottom: -2px;
}

.honor-bg .hlist .lih .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.honor-bg .hlist .lih .tulink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none;
}

.honor-bg .hlist .lih .imgbox .himg {
    padding-top: 100%;
    margin: 0 auto;
}

.honor-bg .hlist .lih .title {
    font-size: 16px;
    color: #383838;
    text-align: center;
}

.layui-layer.honor {
    max-width: 800px !important;
    max-height: 800px !important;
    background-color: #fff;
    height: 90%;
}

.layui-layer.honor .layer-himg {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.layui-layer.honor .layer-himg img {
    max-width: 100%;
    max-height: 100%;
}

@media only screen and (min-width: 601px) {
    .honor-bg .hlist .lih:hover .imgbox .himg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1360px) {
    .honor-bg {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .honor-bg {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .honor-bg {
        padding-bottom: 50px;
    }
    .honor-bg .hlist .lih {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        float: left;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 640px) {
    .honor-bg .hlist .lih .layer {
        display: none;
    }
    .honor-bg .hlist .lih .tulink {
        display: block;
    }
}

@media only screen and (max-width: 414px) {
    .honor-bg {
        padding-bottom: 6%;
    }
    .honor-bg .hlist .lih {
        width: 100%;
    }
    .layui-layer.honor {
        height: auto;
    }
}


/*企业视频*/

.video-bg {
    padding-bottom: 110px;
}

.video-bg .vsearch {
    max-width: 250px;
    margin-right: 0;
    margin-left: auto;
    margin-top: -80px;
    position: relative;
}

.video-bg .vsearch .word {
    height: 50px;
    line-height: 50px;
    position: relative;
    background-color: #f0f0f0;
    padding: 0 20px;
    font-size: 14px;
    color: #4a4a4a;
    cursor: pointer;
}

.video-bg .vsearch .word:after {
    content: "";
    border-style: solid;
    border-width: 5px;
    border-color: #a8a8a8 transparent transparent transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -2px;
}

.video-bg .vsearch .sub {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 11;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    display: none;
}

.video-bg .vsearch .sub .ss {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    display: block;
    font-size: 14px;
}

.video-bg .vlist {
    overflow: hidden;
    padding-top: 30px;
}

.video-bg .vlist .liv {
    width: calc((100% - 80px) / 3);
    float: left;
    margin-right: 40px;
    margin-bottom: 50px;
    position: relative;
    cursor: pointer;
}

.video-bg .vlist .liv:nth-child(3n) {
    margin-right: 0;
}

.video-bg .vlist .liv .imgbox:after {
    content: "";
    width: 70px;
    height: 70px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/play_03.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
}

.video-bg .vlist .liv .imgbox .vimg {
    padding-top: calc(220 / 370 * 100%);
}

.video-bg .vlist .liv .title {
    height: 60px;
    line-height: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #e8e8e8 #e8e8e8 #e8e8e8;
}

.video-bg .vlist .liv .title .ww {
    width: 94%;
    margin: 0 auto;
    max-width: 330px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/video_03.png);
    -webkit-background-size: 25px 15px;
    background-size: 25px 15px;
    font-size: 16px;
    color: #262626;
}

.layui-layer.video {
    max-width: 740px !important;
    max-height: 440px !important;
    -webkit-animation-name: none !important;
    animation-name: none !important;
}

.layui-layer-page .layui-layer-content {
    overflow: hidden !important;
    height: 100% !important;
}

.layui-layer .videobox {
    padding-top: calc(440 / 740 * 100%);
    position: relative;
    overflow: hidden;
}

.layui-layer .videobox .mejs-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

.layui-layer .videobox .iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

:-webkit-full-screen-ancestor:not(iframe) {
    z-index: auto;
    position: static;
    opacity: 1;
    transform: none;
    filter: none;
    perspective: none;
    transform-style: flat;
    will-change: auto;
    -webkit-mask: none !important;
    transition: none !important;
}

@media only screen and (min-width: 601px) {
    .video-bg .vlist .liv:hover .imgbox:after {
        transform: translate(-50%, -50%) scale(1);
    }
    .video-bg .vlist .liv:hover .title .ww {
        color: #013f98;
    }
}

@media only screen and (max-width: 1360px) {
    .video-bg {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .video-bg {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .video-bg {
        padding-bottom: 40px;
    }
    .video-bg .vlist {
        padding-top: 3%;
    }
    .video-bg .vlist .liv {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 640px) {
    .video-bg .vsearch {
        max-width: none;
        margin: 0;
    }
    .video-bg .vlist .liv {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 3%;
    }
    .video-bg .vlist .liv:nth-child(3n) {
        margin-right: 20px;
    }
    .video-bg .vlist .liv:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .video-bg {
        padding-bottom: 6%;
    }
    .video-bg .vlist .liv {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
}


/*研发实力*/

.research-bg {
    padding-bottom: 100px;
}

.research-bg .bt {
    font-size: 22px;
    color: #383838;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.research-bg .rbox .lir {
    margin-bottom: 75px;
}

.research-bg .rbox .lir .imgbox {
    width: calc(97% - 450px);
    float: left;
}

.research-bg .rbox .lir .textbox {
    width: 450px;
    float: right;
    padding-top: 90px;
}

.research-bg .rbox .lir:nth-child(2n) .imgbox {
    float: right;
}

.research-bg .rbox .lir:nth-child(2n) .textbox {
    float: left;
}

.research-bg .rbox .lir .textbox .num {
    font-size: 72px;
    color: #f0f0f0;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

.research-bg .rbox .lir .textbox .text {
    font-size: 16px;
    color: #353535;
    line-height: 2;
}

.research-bg .rbox1 {
    padding-top: 50px;
    border-top: 1px solid #e6e6e6;
}

.research-bg .rbox1 .desc {
    font-size: 16px;
    color: #353535;
    margin-bottom: 50px;
    text-align: center;
    line-height: 30px;
}

.research-bg .rbox1 .rlist-swiper {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.research-bg .rbox1 .rlist-swiper .rr {
    border: 5px solid #e6e6e6;
}

.research-bg .rbox1 .rlist-swiper .rr .rimg {
    padding-top: calc(222 / 370 * 100%);
}

@media only screen and (max-width: 1360px) {
    .research-bg {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .research-bg .rbox .lir {
        margin-bottom: 50px;
    }
    .research-bg {
        padding-bottom: 60px;
    }
    .research-bg .rbox .lir .textbox {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .research-bg .rbox .lir {
        margin-bottom: 30px;
    }
    .research-bg .rbox .lir .imgbox {
        width: 100%;
        float: none;
    }
    .research-bg .rbox .lir .imgbox img {
        width: 100%;
    }
    .research-bg .rbox .lir .textbox {
        width: 100%;
        padding-top: 0;
    }
    .research-bg .rbox .lir .textbox .num {
        font-size: 60px;
    }
    .research-bg {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .research-bg .rbox .lir {
        margin-bottom: 5%;
    }
    .research-bg .rbox .lir .textbox {
        padding-top: 3%;
    }
    .research-bg .rbox .lir:nth-child(1) .textbox {
        padding-top: 3%;
    }
    .research-bg .rbox .lir .textbox .num {
        font-size: 48px;
    }
    .research-bg {
        padding-bottom: 6%;
    }
    .research-bg .rbox1 {
        padding-top: 5%;
    }
    .research-bg .rbox1 .rlist {
        padding-bottom: 3%;
    }
    .research-bg .rbox1 .rlist .rr {
        width: 100%;
        margin-bottom: 3%;
    }
    .research-bg .rbox1 .rlist-swiper {
        display: none;
    }
    .research-bg .rbox1 .mmrlist-swiper .mm {
        padding-top: calc(222 / 370 * 100%);
        margin-bottom: 3%;
    }
}


/*工程服务*/

.eng-bg {
    padding-bottom: 120px;
}

.eng-bg .eng-top {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 60px;
}

.eng-bg .eng-top .lit {
    margin-bottom: 70px;
}

.eng-bg .eng-top .lit .imgbox {
    margin-bottom: 20px;
}

.eng-bg .eng-top .lit .textbox .title {
    font-size: 100px;
    color: #eaeaea;
    font-weight: bold;
    line-height: 160px;
}

.eng-bg .eng-top .lit .textbox .text {
    font-size: 16px;
    color: #353535;
    line-height: 30px;
}

.eng-bg .eng-top .lit:nth-child(2n) .imgbox {
    width: calc(97% - 540px);
    max-width: 600px;
    float: left;
    border: 1px solid #f1f1f1;
}

.eng-bg .eng-top .lit:nth-child(2n) .textbox {
    width: 540px;
    float: right;
}

.eng-bg .bt {
    font-size: 22px;
    color: #464646;
    font-weight: bold;
    margin-bottom: 20px;
}

.eng-bg .eng-bt .eng-swiper .swiper-wrapper .swiper-slide .imgbox {
    margin-bottom: 10px;
}

.eng-bg .eng-bt .eng-swiper .swiper-wrapper .swiper-slide .imgbox .eimg {
    padding-top: calc(180 / 280 * 100%);
}

.eng-bg .eng-bt .eng-swiper .swiper-wrapper .swiper-slide .title {
    font-size: 16px;
    color: #464646;
}

@media only screen and (max-width: 1360px) {
    .eng-bg {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .eng-bg .eng-top .lit {
        margin-bottom: 50px;
    }
    .eng-bg {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .eng-bg {
        padding-bottom: 40px;
    }
    .eng-bg .eng-top .lit {
        margin-bottom: 30px;
    }
    .eng-bg .eng-top .lit img {
        width: 100%;
    }
    .eng-bg .eng-top .lit:nth-child(2n) .imgbox {
        width: 100%;
        max-width: none;
        float: none;
    }
    .eng-bg .eng-top .lit:nth-child(2n) .textbox {
        width: 100%;
        float: none;
    }
    .eng-bg .eng-top .lit .textbox .title {
        font-size: 60px;
        line-height: 80px;
    }
    .eng-bg .eng-top {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .eng-bg .eng-top .lit {
        margin-bottom: 5%;
    }
    .eng-bg .eng-top .lit .textbox .title {
        font-size: 36px;
        line-height: 1.5;
    }
    .eng-bg {
        padding-bottom: 6%;
    }
    .eng-bg .eng-top {
        margin-bottom: 6%;
    }
    .eng-bg .bt {
        font-size: 20px;
        margin-bottom: 3%;
    }
    .eng-bg .eng-bt .eng-swiper {
        display: none;
    }
    .eng-bg .eng-bt .mmeng-swiper .mm {
        padding-top: calc(180 / 280 * 100%);
        margin-bottom: 6%;
    }
}


/*品牌大事件*/

.brand-bg {
    padding-bottom: 90px;
}

.brand-bg .bbox {
    padding-bottom: 150px;
    position: relative;
}

.brand-bg .bbox:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #e2e2e2;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.brand-bg .bbox .blist .bitem {
    width: 50%;
    margin-bottom: 70px;
    position: relative;
}

.brand-bg .bbox .blist .bitem .inbox {
    max-width: 460px;
    background-color: #fff;
    margin-left: 0;
    margin-right: auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.brand-bg .bbox .blist .bitem.right {
    margin-top: 70px;
}

.brand-bg .bbox .blist .bitem .ico {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 60px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/hyy.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.brand-bg .bbox .blist .bitem .ico:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #e2e2e2;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.brand-bg .bbox .blist .bitem .ico:after {
    content: "";
    width: 32px;
    height: 2px;
    background-color: #e2e2e2;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -1px;
}

.brand-bg .bbox .blist .bitem .ico span {
    position: absolute;
    left: 0;
    top: 15px;
    width: 90px;
    height: 90px;
    border-radius: 43px;
    border-style: solid;
    border-width: 2px;
    border-color: #e2e2e2 transparent transparent transparent;
    transform: rotate(45deg);
}

.brand-bg .bbox .blist .bitem.right .ico {
    right: 0;
    left: 60px;
    background-image: url(../images/hyy2.png);
}

.brand-bg .bbox .blist .bitem.right .ico:after {
    left: auto;
    right: 15px;
}

.brand-bg .bbox .blist .bitem.right .ico span {
    left: auto;
    right: 0;
    transform: rotate(-45deg);
}

.brand-bg .bbox .blist .bitem.right .inbox {
    margin-right: 0;
    margin-left: auto;
}

.brand-bg .bbox .blist .bitem .inbox .textbox {
    padding: 25px;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .year {
    font-size: 36px;
    color: #8e8e8e;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .year:after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #013f98;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing {
    border-top: 1px solid #ebebeb;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing .tt {
    padding: 12px 0;
    border-bottom: 1px solid #ebebeb;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing .tt .text {
    padding-left: 50px;
    position: relative;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing .tt .text .date {
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #333333;
    height: 24px;
    line-height: 24px;
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing .tt .text .date:after {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #999999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.brand-bg .bbox .blist .bitem .inbox .textbox .thing .tt .text .content {
    line-height: 24px;
    font-size: 14px;
    color: #3f3f3f;
}

.brand-bg .bbox .blist .bitem .inbox .color {
    border-radius: 0 0 5px 5px;
}

.brand-bg .bbox .blist .bitem .inbox .color .cc {
    height: 7px;
}

.brand-bg .bbox .more {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    color: #6b6b6b;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 11;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.brand-bg .bbox .more:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/sbox_03.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 80px;
    background-size: 80px;
    position: absolute;
    left: 0;
    top: 0;
    animation: cricle 3.6s infinite linear;
    -webkit-animation: cricle 3.6s infinite linear;
    /* Safari and Chrome */
}

@media only screen and (max-width: 1280px) {
    .brand-bg {
        padding-bottom: 60px;
    }
    .brand-bg .bbox .blist .bitem {
        margin-bottom: 50px;
    }
    .brand-bg .bbox .blist .bitem.right {
        margin-top: 50px;
    }
    .brand-bg {
        padding-bottom: 40px;
    }
    .brand-bg .bbox {
        padding-bottom: 120px;
    }
    .brand-bg .bbox .blist .bitem .inbox .textbox .year {
        font-size: 30px;
    }
    .brand-bg .bbox .more {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .brand-bg .bbox .more:after {
        -webkit-background-size: 70px;
        background-size: 70px;
    }
    .brand-bg .bbox .blist .bitem .ico {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .brand-bg .bbox:after {
        display: none;
    }
    .brand-bg .bbox .blist .bitem {
        width: 100%;
    }
    .brand-bg .bbox .blist .bitem.right {
        margin-top: 0;
    }
    .brand-bg .bbox .blist .bitem .inbox {
        max-width: none;
    }
    .brand-bg .bbox {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 414px) {
    .brand-bg {
        padding-bottom: 6%;
    }
    .brand-bg .bbox .blist .bitem {
        margin-bottom: 5%;
    }
    .brand-bg .bbox .blist .bitem .inbox .textbox {
        padding: 3%;
    }
    .brand-bg .bbox .blist .bitem .inbox .textbox .year {
        font-size: 24px;
    }
}


/*漆材大宝*/

.video-bg .vlist .lip {
    width: calc((100% - 80px) / 3);
    float: left;
    margin-right: 40px;
    margin-bottom: 45px;
    cursor: pointer;
}

.video-bg .vlist .lip:nth-child(3n) {
    margin-right: 0;
}

.video-bg .vlist .lip .imgbox {
    margin-bottom: 20px;
}

.video-bg .vlist .lip .imgbox .pimg {
    padding-top: calc(250 / 370 * 100%);
}

.video-bg .vlist .lip .title {
    font-size: 16px;
    color: #262626;
}

.video-bg .vlist .lip .time {
    font-size: 14px;
    color: #353535;
}

.layui-layer.photo {
    max-width: 1000px !important;
    max-height: 90% !important;
    background-color: #f0f0f0;
}

.photobox {
    height: 100%;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}

.photobox .close {
    width: 26px;
    height: 26px;
    background-color: #bebebe;
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 111;
}

.photobox .close:before {
    content: "";
    width: 20px;
    height: 1px;
    background-color: #efefef;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.photobox .close:after {
    content: "";
    width: 20px;
    height: 1px;
    background-color: #efefef;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.photobox .title {
    font-size: 24px;
    color: #262626;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    width: 100%;
}

.photobox .gallery-top {
    height: 100%;
    padding-top: 100px;
    margin-bottom: 20px;
}

.photobox .gallery-top .swiper-wrapper .swiper-slide .topimg {
    max-width: 100%;
    max-height: 100%;
}

.photobox .gallery-top .bb {
    width: 24px;
    height: 30px;
    background-position: center background-repeat: no-repeat;
    ;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    cursor: pointer;
    margin-top: 50px;
}

.photobox .gallery-top .bb.top-prev {
    left: 10px;
    background-image: url(/phone/images/wpbtn_03.png);
}

.photobox .gallery-top .bb.top-next {
    right: 10px;
    background-image: url(/phone/images/wpbtn_05.png);
}

.photobox .thumbsbox {
    position: relative;
}

.photobox .thumbsbox .btn {
    width: 24px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    cursor: pointer;
    outline: none;
}

.photobox .thumbsbox .btn.gallery-prev {
    left: 0;
    background-image: url(../images/pbtn_03.png);
}

.photobox .thumbsbox .btn.gallery-next {
    right: 0;
    background-image: url(../images/pbtn_05.png);
}

.photobox .thumbsbox .gallery-thumbs {
    max-width: 785px;
    margin: 0 auto;
}

.photobox .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .thumbsimg {
    padding-top: calc(90 / 140 * 100%);
}

@media only screen and (min-width: 601px) {
    .video-bg .vlist .lip:hover .imgbox .pimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1360px) {
    .photobox .thumbsbox .btn {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    /* .layui-layer.photo{
	max-width: 700px!important;
} */
}

@media only screen and (max-width: 1024px) {
    .video-bg .vlist .lip {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 30px;
    }
    /* .layui-layer.photo {
    max-width: 700px!important;
    max-height: 700px!important;
} */
}

@media only screen and (max-width: 640px) {
    .video-bg .vlist .lip {
        width: calc((100% - 20px) / 2);
        margin-bottom: 5%;
    }
    .video-bg .vlist .lip:nth-child(3n) {
        margin-right: 20px;
    }
    .video-bg .vlist .lip:nth-child(2n) {
        margin-right: 0;
    }
    .layui-layer.photo {
        max-width: 94% !important;
        max-height: 68% !important;
    }
    .photobox .title {
        font-size: 20px;
    }
}


/*企业责任*/

.duty-bg {
    padding-bottom: 100px;
}

.duty-bg .dtop {
    margin-bottom: 50px;
    padding: 150px 0;
}

.duty-bg .dtop .item {
    margin-bottom: 36px;
    background-color: rgba(255, 255, 255, .5);
}

.duty-bg .dtop .item:last-child {
    margin-bottom: 0;
}

.duty-bg .dtop .item .textbox {
    width: 94%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    min-height: 80px;
    padding-left: 180px;
}

.duty-bg .dtop .item .textbox .ico {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.duty-bg .dtop .item .textbox .text {
    padding: 60px 0;
    font-size: 16px;
    color: #ffffff;
    line-height: 36px;
}

.duty-bg .dbt .bt {
    font-size: 22px;
    color: #1e1e1e;
    font-weight: bold;
    margin-bottom: 30px;
}

.duty-bg .dbt .list .li {
    margin-right: 40px;
    width: calc((100% - 80px) / 3);
    float: left;
    display: block;
    margin-bottom: 40px;
}

.duty-bg .dbt .list .li:nth-child(3n) {
    margin-right: 0;
}

.duty-bg .dbt .list .li .imgbox .img {
    padding-top: calc(210 / 375 * 100%);
    transition: all .5s ease;
}

.duty-bg .dbt .list .li .title {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #414141;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #dcdcdc #dcdcdc #dcdcdc;
    transition: all .5s ease;
}

@media only screen and (min-width: 601px) {
    .duty-bg .dbt .list .li:hover .imgbox .img {
        transform: scale(1.1);
    }
    .duty-bg .dbt .list .li:hover .title {
        color: #013f98;
    }
}

@media only screen and (max-width: 1360px) {
    .duty-bg .dtop {
        padding: 120px 0;
    }
}

@media only screen and (max-width: 1280px) {
    .duty-bg .dtop {
        padding: 100px 0;
    }
    .duty-bg {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .duty-bg .dtop {
        margin-bottom: 30px;
        padding: 80px 0;
    }
    .duty-bg .dtop .item .textbox {
        padding-left: 120px;
    }
    .duty-bg .dtop .item .textbox .text {
        padding: 30px 0;
    }
    .duty-bg .dtop .item .textbox .ico {
        width: 60px;
        height: 60px;
    }
    .duty-bg {
        padding-bottom: 60px;
    }
    .duty-bg .dbt .list .li {
        margin-right: 20px;
        width: calc((100% - 40px) / 3);
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .duty-bg .dtop {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 414px) {
    .duty-bg .dtop {
        padding: 6% 0;
    }
    .duty-bg .dtop .item .textbox {
        padding-left: 0;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .duty-bg .dtop .item .textbox .ico {
        width: 50px;
        height: 50px;
        margin-bottom: 3%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        transform: translateY(0);
    }
    .duty-bg .dtop .item .textbox .text {
        padding: 0;
    }
    .duty-bg {
        padding-bottom: 6%;
    }
    .duty-bg .dbt .list .li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .duty-bg .dbt .list .li:nth-child(3n) {
        margin-right: 20px;
    }
    .duty-bg .dbt .list .li:nth-child(2n) {
        margin-right: 0;
    }
    .duty-bg .dbt .list .li .title {
        height: 45px;
        line-height: 45px;
    }
}


/* =========

    品牌新闻

 ========= */

.news-bg {
    padding-top: 60px;
    padding-bottom: 100px;
}

.news-bg .nswiper-box {
    position: relative;
    margin-bottom: 45px;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit {
    display: block;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .imgbox .timg {
    padding-top: calc(250 / 370 * 100%);
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main {
    padding: 30px;
    border: 1px solid #e6e6e6;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main .time {
    font-size: 14px;
    color: #353535;
    margin-bottom: 10px;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main .title {
    font-size: 16px;
    color: #353535;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    margin-bottom: 30px;
}

.news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main .more {
    font-size: 14px;
    color: #013f98;
    font-weight: bold;
}

.news-bg .nswiper-box .btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 11;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    cursor: pointer;
    outline: none;
}

.news-bg .nswiper-box .btn.newstj-prev {
    background-image: url(../images/nbtn_03.png);
    left: -25px;
}

.news-bg .nswiper-box .btn.newstj-next {
    background-image: url(../images/nbtn_05.png);
    right: -25px;
}


/*新闻列表*/

.news-bg .news-list {
    padding-bottom: 40px;
    overflow: hidden;
    position: relative;
}

.news-bg .news-list .lin {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
}

.news-bg .news-list .lin:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: #013f98;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news-bg .news-list .lin .imgbox {
    width: 200px;
    margin-right: 40px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}

.news-bg .news-list .lin .imgbox .nimg {
    width: 200px;
    height: 130px;
}

.news-bg .news-list .lin .text {
    width: calc(100% - 240px);
    position: relative;
}

.news-bg .news-list .lin .text .title {
    font-size: 16px;
    color: #353535;
    font-weight: bold;
    margin-bottom: 5px;
}

.news-bg .news-list .lin .text .demo {
    font-size: 14px;
    color: #353535;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    margin-bottom: 20px;
}

.news-bg .news-list .lin .text .time {
    width: 85px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e3e4e5;
    font-size: 12px;
    color: #353535;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media only screen and (min-width: 601px) {
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit:hover .imgbox .timg {
        transform: scale(1.1);
    }
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit:hover .main .title {
        color: #013f98;
    }
    .news-bg .news-list .lin:hover:after {
        width: 100%;
    }
    .news-bg .news-list .lin:hover .text .title {
        color: #013f98;
    }
    .news-bg .news-list .lin:hover .imgbox .nimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1024px) {
    .news-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 640px) {
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        margin-bottom: 3%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .news-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main {
        padding: 3%;
    }
    .news-bg .nswiper-box .newstj-swiper .swiper-wrapper .swiper-slide .lit .main .title {
        margin-bottom: 6%;
    }
    .news-bg .news-list .lin {
        padding: 5% 0;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .news-bg .news-list .lin .imgbox {
        margin-right: 0;
        width: 100%;
        margin-bottom: 3%;
    }
    .news-bg .news-list .lin .imgbox .nimg {
        width: auto;
        height: auto;
        padding-top: calc(130 / 200 * 100%);
    }
    .news-bg .news-list .lin .text {
        width: 100%;
    }
    .news-bg .news-list .lin .text .demo {
        height: auto;
    }
    .news-bg .news-list .lin .text .time {
        position: relative;
    }
    .news-bg .news-list .lin .text .title {
        font-weight: normal;
    }
}


/* =========

    新闻详情

 ========= */

.nview-bg {
    padding-top: 80px;
    max-width: 1200px;
    margin: 0 auto;
}

.nview-bg .nvtop {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: 36px;
}

.nview-bg .nvtop .title {
    font-size: 30px;
    color: #1e1e1e;
    margin-bottom: 30px;
}

.nview-bg .nvtop .msgbox {
    position: relative;
}

.nview-bg .nvtop .msgbox .inbox {
    width: 100%;
    max-width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.nview-bg .nvtop .msgbox .inbox .mitem {
    position: relative;
}

.nview-bg .nvtop .msgbox .inbox .mitem:nth-child(1) {
    padding-right: 28px;
}

.nview-bg .nvtop .msgbox .inbox .mitem:nth-child(1):after {
    content: "";
    width: 1px;
    height: 50px;
    background-color: #dee2e6;
    position: absolute;
    right: 0;
    top: 0;
}

.nview-bg .nvtop .msgbox .inbox .mitem .zi {
    font-size: 14px;
    color: #353535;
    margin-bottom: 8px;
}

.nview-bg .nvtop .msgbox .inbox .mitem .date {
    padding-top: 15px;
    font-size: 16px;
    color: #313131;
}

.nview-bg .nvtop .msgbox .inbox .mitem .bdsharebuttonbox a {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 6px;
}

.nview-bg .nvtop .msgbox .inbox .mitem .bdsharebuttonbox a.bds_weixin {
    background-image: url(../images/share_03.png);
}

.nview-bg .nvtop .msgbox .inbox .mitem .bdsharebuttonbox a.bds_tsina {
    background-image: url(../images/share_05.png);
}

.nview-bg .nvtop .msgbox .inbox .mitem .bdsharebuttonbox a.bds_more {
    background-image: url(../images/share_07.png);
}

.nview-bg .nvtop .msgbox .back {
    display: block;
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #353535;
    border: 1px solid #e3e4e5;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.nview-bg .mainbox {
    background-color: #f5f5f5;
}

.nview-bg .mainbox .content {
    font-size: 14px;
    color: #363636;
    line-height: 2;
    padding: 40px 0;
    max-width: 720px;
}

.nview-bg .allpage-box {
    max-width: 720px;
    padding: 30px 0;
}

.nview-bg .allpage-box .btn {
    width: 45%;
    float: left;
    display: block;
}

.nview-bg .allpage-box .btn.next {
    float: right;
    text-align: right;
}

.nview-bg .allpage-box .btn .ww {
    font-size: 13px;
    color: #5c5c5c;
    margin-bottom: 6px;
}

.nview-bg .allpage-box .btn .bt {
    font-size: 13px;
    color: #363636;
    transition: all .5s ease;
}

@media only screen and (min-width: 601px) {
    .nview-bg .allpage-box .btn:hover .bt {
        color: #e6162d;
    }
}

@media only screen and (max-width: 1280px) {
    .nview-bg {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .nview-bg {
        padding-top: 40px;
    }
    .nview-bg .nvtop .title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 414px) {
    .nview-bg {
        padding-top: 5%;
    }
    .nview-bg .nvtop {
        padding-bottom: 5%;
    }
    .nview-bg .nvtop .title {
        margin-bottom: 5%;
    }
    .nview-bg .nvtop .title {
        font-size: 18px;
    }
    .nview-bg .allpage-box {
        padding: 3% 0;
    }
    .nview-bg .allpage-box .btn {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .nview-bg .allpage-box .btn.next {
        float: none;
        text-align: left;
    }
}


/* =========

    专卖店查询

 ========= */

.store-bg {
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../images/mapp_03.jpg);
    padding-top: 60px;
    padding-bottom: 100px;
}

.store-bg .store-search {
    padding: 36px;
    background-color: #f5f5f5;
}

.store-bg .store-search .stroe-form {
    margin-bottom: 10px;
}

.store-bg .store-search .stroe-form .itembox {
    width: 900px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.store-bg .store-search .stroe-form .itembox .sitem {
    width: calc((100% - 20px) / 2);
    background-color: #fff;
    position: relative;
}

.store-bg .store-search .stroe-form .itembox .sitem:after {
    content: "";
    border-style: solid;
    border-width: 6px 5px;
    border-color: #013f98 transparent transparent transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.store-bg .store-search .stroe-form .itembox .sitem select {
    height: 50px;
    width: 100%;
    border: none;
    padding: 0 10px;
    cursor: pointer;
}


/* .store-bg .store-search .stroe-form .itembox .sitem .nowcity{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
}

.store-bg .store-search .stroe-form .itembox .sitem .cmenu{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 11;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	max-height: 250px;
	overflow-y: auto;
	display: none;
}
.store-bg .store-search .stroe-form .itembox .sitem[data-on="on"] .cmenu{
	display: block;
}
.store-bg .store-search .stroe-form .itembox .sitem .cmenu .cc{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	display: block;
} */

.store-bg .store-search .stroe-form input[type="submit"] {
    width: calc(97% - 900px);
    max-width: 200px;
    height: 50px;
    background-color: #013f98;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    float: right;
}

.store-bg .store-search .hot-city {
    font-size: 14px;
    color: #676767;
    line-height: 24px;
}

.store-bg .store-search .hot-city span {
    font-weight: bold;
}

.store-bg .store-search .hot-city .hh {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 18px;
}


/*专卖店列表*/

.store-list {
    padding-top: 25px;
    background-color: #fff;
    overflow: hidden;
}

.store-list .lis {
    width: calc((100% - 48px) / 4);
    margin-right: 16px;
    float: left;
    margin-bottom: 20px;
    padding: 25px 0;
    border: 1px solid #e6e6e6;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}

.store-list .lis:after {
    content: "";
    width: 129px;
    height: 105px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 129px 105px;
    background-size: 129px 105px;
    background-image: url(../images/house_03.png);
    position: absolute;
    right: -15px;
    bottom: 25px;
    opacity: 0;
    visibility: hidden;
}

.store-list .lis:nth-child(4n) {
    margin-right: 0;
}

.store-list .lis .textbox {
    width: 94%;
    max-width: 230px;
    margin: 0 auto;
    transition: all .5s ease;
}

.store-list .lis .textbox .title {
    font-size: 18px;
    color: #585858;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.store-list .lis .textbox .title:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #e3e5e8;
    position: absolute;
    left: 0;
    bottom: 0;
}

.store-list .lis .textbox .code {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #585858;
    margin-bottom: 10px;
}

.store-list .lis .textbox .zi {
    font-size: 16px;
    color: #013f98;
    margin-bottom: 6px;
}

.store-list .lis .textbox .address {
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    height: 168px;
}

.store-list .lis .textbox .map {
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/mico_03.png);
    -webkit-background-size: 17px 20px;
    background-size: 17px 20px;
    font-size: 14px;
    color: #818181;
    font-weight: bold;
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    display: block;
}

.store-list .nothing {
    text-align: center;
    font-size: 16px;
}

@media only screen and (min-width: 601px) {
    .store-bg .store-search .stroe-form .itembox .sitem .cmenu .cc:hover {
        background-color: #013f98;
        color: #fff;
    }
    .store-bg .store-search .hot-city .hh:hover {
        color: #013f98;
    }
    .store-list .lis:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    }
    .store-list .lis:hover:after {
        opacity: 1;
        visibility: visible;
    }
    .store-bg .store-search .hot-city .hh:hover {
        color: #013f98;
    }
}

@media only screen and (max-width: 1280px) {
    .store-bg {
        padding-top: 50px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .store-bg {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .store-bg .store-search {
        padding: 20px;
    }
    .store-list .lis {
        width: calc((100% - 32px) / 3);
    }
    .store-list .lis:nth-child(4n) {
        margin-right: 16px;
    }
    .store-list .lis:nth-child(3n) {
        margin-right: 0;
    }
    .store-bg .store-search .stroe-form .itembox {
        width: 100%;
        margin-bottom: 3%;
    }
    .store-bg .store-search .stroe-form input[type="submit"] {
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 768px) {
    .store-bg .store-search .stroe-form {
        margin-bottom: 3%;
    }
    .store-bg .store-search .stroe-form .itembox {
        width: 100%;
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 640px) {
    .store-list .lis {
        width: calc((100% - 16px) / 2);
    }
    .store-list .lis:nth-child(4n) {
        margin-right: 0;
    }
    .store-list .lis:nth-child(3n) {
        margin-right: 16px;
    }
    .store-list .lis:nth-child(2n) {
        margin-right: 0;
    }
    .store-list .lis {
        width: 100%;
    }
    .store-list .lis .textbox {
        max-width: none;
    }
    .store-list .lis .textbox .address {
        height: auto;
        margin-bottom: 12%;
    }
}

@media only screen and (max-width: 414px) {
    .store-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .store-bg .store-search {
        margin-top: 3%;
        padding: 3%;
    }
    .store-bg .store-search .stroe-form .itembox {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
    .store-bg .store-search .stroe-form .itembox .sitem {
        width: 100%;
        margin-bottom: 5%;
    }
}


/* =========

    联系我们

 ========= */


/*联系方式*/

.contact-bg {
    padding-top: 60px;
    padding-bottom: 80px;
}

.contact-bg .clist .lic {
    width: calc(97% / 2);
    max-width: 570px;
    float: left;
    margin-bottom: 50px;
}

.contact-bg .clist .lic:nth-child(2n) {
    float: right;
}

.contact-bg .clist .lic .imgbox {
    margin-bottom: 5px;
}

.contact-bg .clist .lic .imgbox .cimg {
    padding-top: calc(360 / 570 * 100%);
}

.contact-bg .clist .lic .titlebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px;
}

.contact-bg .clist .lic .titlebox .title {
    width: 50%;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #323232;
    font-weight: bold;
    border-bottom: 1px solid #ebebeb;
}

.contact-bg .clist .lic .titlebox .tie {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.contact-bg .clist .lic .titlebox .tie .t1 {
    font-size: 16px;
    color: #323232;
}

.contact-bg .clist .lic .titlebox .tie .t2 {
    font-size: 14px;
    color: #323232;
}

.contact-bg .clist .lic .msg .mm {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #323232;
}

.contact-bg .clist .lic .watch {
    margin-top: 10px;
}

.contact-bg .clist .lic .watch .ww {
    padding-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    font-size: 14px;
    color: #013f98;
    font-weight: bold;
}

.contact-bg .clist .lic .watch .ww:before {
    content: "";
    width: 6px;
    height: 1px;
    background-color: #013f98;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contact-bg .clist .lic .watch .ww:after {
    content: "";
    width: 6px;
    height: 1px;
    background-color: #013f98;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

@media only screen and (min-width: 601px) {
    .contact-bg .clist .lic:hover .imgbox .cimg {
        transform: scale(1.1);
    }
    .contact-bg .clist .lic:hover .title {
        color: #013f98;
    }
}

@media only screen and (max-width: 1280px) {
    .contact-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .contact-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 414px) {
    .contact-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .contact-bg .clist {
        padding-top: 3%;
    }
    .contact-bg .clist .lic {
        width: 100%;
        margin-bottom: 6%;
    }
    .contact-bg .clist .lic .title {
        height: 45px;
        line-height: 45px;
    }
    .contact-bg .clist .lic .titlebox {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .contact-bg .clist .lic .titlebox .title {
        height: 40px;
        line-height: 40px;
        width: 100%;
        font-size: 16px;
    }
    .contact-bg .clist .lic .titlebox .tie {
        padding: 3% 0;
        width: 100%;
    }
}


/*人才招聘*/

.contact-bg .join-bg {
    padding-bottom: 40px;
}

.contact-bg .join-bg .sjoinbox {
    padding-top: 36px;
    margin-bottom: 25px;
    position: relative;
}

.contact-bg .join-bg .sjoinbox .md {
    position: absolute;
    top: -140px;
}

.contact-bg .join-bg .sjoinbox .sjoin {
    margin-right: 0;
    margin-left: auto;
    max-width: 540px;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    position: relative;
}

.contact-bg .join-bg .sjoinbox .sjoin input[type="text"] {
    width: 100%;
    height: 40px;
    border: none;
    padding: 0 3%;
}

.contact-bg .join-bg .sjoinbox .sjoin input[type="submit"] {
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/ssico_03.png);
    -webkit-background-size: 17px;
    background-size: 17px;
}

input[type="text"]:-moz-placeholder {
    font-size: 14px;
    color: #c6c7ca;
}

input[type="text"]:-ms-input-placeholder {
    font-size: 14px;
    color: #c6c7ca;
}

input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
    color: #c6c7ca;
}

.contact-bg .join-bg .join-list {
    width: 100%;
    padding-top: 40px;
}

.contact-bg .join-bg .join-list .lij {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-bottom: 40px;
    float: left;
    padding: 30px;
    border: 1px solid #e1e2e5;
}

.contact-bg .join-bg .join-list .lij:nth-child(3n) {
    margin-right: 0;
}

.contact-bg .join-bg .join-list .lij .textbox {
    background-position: right 40px;
    background-repeat: no-repeat;
    background-image: url(../images/jjico_03.png);
    -webkit-background-size: 91px 112px;
    background-size: 91px 112px;
    transition: all .5s ease;
}

.contact-bg .join-bg .join-list .lij .textbox .title {
    font-size: 24px;
    color: #2c2c2c;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 10px;
}

.contact-bg .join-bg .join-list .lij .textbox .title:after {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #013f98;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact-bg .join-bg .join-list .lij .textbox .msg .mm {
    height: 32px;
    line-height: 32px;
    padding-left: 28px;
    background-position: left;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #464646;
}

@media only screen and (min-width: 601px) {
    .contact-bg .join-bg .join-list .lij:hover {
        border: 1px solid #013f98;
    }
    .contact-bg .join-bg .join-list .lij:hover .textbox {
        background-image: url(../images/hjjico_03.png);
    }
}

@media only screen and (max-width: 1024px) {
    .contact-bg .join-bg .join-list {
        padding-top: 20px;
    }
    .contact-bg .join-bg .join-list .lij {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .contact-bg .join-bg .join-list .lij {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-bottom: 15px;
        padding: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .contact-bg .join-bg .join-list .lij {
        width: calc((100% - 15px) / 2);
    }
    .contact-bg .join-bg .join-list .lij:nth-child(3n) {
        margin-right: 15px;
    }
    .contact-bg .join-bg .join-list .lij:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .contact-bg .join-bg .join-list {
        padding-top: 3%;
    }
    .contact-bg .join-bg .join-list .lij {
        width: 100%;
    }
}


/* =========

    招聘详情

 ========= */

.jview-bg {
    padding-top: 60px;
    padding-bottom: 100px;
}

.jview-bg .title {
    font-size: 28px;
    color: #1e1e1e;
    margin-bottom: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.jview-bg .msgbox {
    font-size: 0;
    margin-bottom: 35px;
}

.jview-bg .msgbox .msg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 35px;
    border-right: 1px solid #dee2e6;
    margin-right: 30px;
    vertical-align: top;
}

.jview-bg .msgbox .msg:last-child {
    border: none;
}

.jview-bg .msgbox .msg .zi {
    font-size: 14px;
    color: #353535;
    margin-bottom: 20px;
}

.jview-bg .msgbox .msg .text {
    font-size: 16px;
    color: #313131;
    height: 20px;
    line-height: 20px;
}

.jview-bg .color {
    width: 71px;
}

.jview-bg .color .cc {
    height: 4px;
}

.jview-bg .content {
    padding: 30px 0;
    font-size: 16px;
    color: #353535;
    line-height: 2;
}

.jview-bg .more {
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #353535;
    border: 1px solid #e3e4e5;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

@media only screen and (min-width: 601px) {
    .jview-bg .more:hover {
        background-color: #013f98;
        color: #fff;
    }
}

@media only screen and (max-width: 414px) {
    .jview-bg .msgbox .msg {
        width: calc(97% / 2);
        padding: 0;
        margin: 0;
        float: left;
        margin-bottom: 6%;
    }
    .jview-bg .msgbox .msg:nth-child(2n) {
        float: right;
    }
    .jview-bg .msgbox .msg .zi {
        margin-bottom: 3%;
    }
}


/* =========

    装饰材料

 ========= */

.dressindex-box {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.dressindex-box .live-bt {
    font-size: 30px;
    color: #212121;
    padding-bottom: 20px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 30px;
}

.dressindex-box:after {
    content: "";
    width: 100%;
    height: 60%;
    background-color: #e9e9e9;
    position: absolute;
    left: 0;
    bottom: 0;
}

.dressindex-box .lid {
    display: block;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    position: relative;
    z-index: 11;
    background-color: #fff;
    border-radius: 5px;
}

.dressindex-box .lid:nth-child(3n) {
    margin-right: 0;
}

.dressindex-box .lid .imgbox .dimg {
    padding-top: calc(240 / 380 * 100%);
}

.dressindex-box .lid .title {
    padding: 20px;
}

.dressindex-box .lid .title .ww {
    font-size: 20px;
    color: #212121;
    font-weight: bold;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(../images/ge_03.png);
}

@media only screen and (min-width: 601px) {
    .dressindex-box .lid:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    }
    .dressindex-box .lid:hover .imgbox .dimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1280px) {
    .dressindex-box {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .dressindex-box .lid .title {
        padding: 10px;
    }
    .dressindex-box .lid .title .ww {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .dressindex-box .lid {
        width: calc((100% - 30px) / 2);
        margin-right: 30px;
    }
    .dressindex-box .lid:nth-child(3n) {
        margin-right: 30px;
    }
    .dressindex-box .lid:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .dressindex-box {
        padding-top: 8%;
        padding-bottom: 3%;
    }
    .dressindex-box .lid {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .dressindex-box .live-bt {
        font-size: 24px;
    }
}


/* =========

	装饰材料列表

 ========= */

.dress-bg {
    padding-top: 60px;
    padding-bottom: 110px;
}

.dress-bg .dclass-box {
    padding: 15px 35px;
    border-top: 1px solid #e6e6e6;
    position: relative;
    margin-bottom: 30px;
}

.dress-bg .dclass-box .dclss-swiper .swiper-wrapper .swiper-slide {
    width: auto !important;
}

.dress-bg .dclass-box .dclss-swiper .swiper-wrapper .swiper-slide .dc {
    display: block;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #666666;
    border: 1px solid transparent;
}

.dress-bg .dclass-box .dclss-swiper .swiper-wrapper .swiper-slide[data-on="on"] .dc {
    border: 1px solid #a1a1a2;
}

.dress-bg .dclass-box .btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    outline: none;
}

.dress-bg .dclass-box .btn.dclss-prev {
    left: 0;
}

.dress-bg .dclass-box .btn.dclss-next {
    right: 0;
}

.dress-bg .dclass-box .btn:after {
    content: "";
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #a5a5a5 transparent transparent #a5a5a5;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.dress-bg .dclass-box .btn.dclss-prev:after {
    left: 0;
    transform: rotate(-45deg);
}

.dress-bg .dclass-box .btn.dclss-next:after {
    right: 0;
    transform: rotate(135deg);
}


/*列表*/

.dress-bg .dlist {
    padding-bottom: 30px;
}

.dress-bg .dlist .lid {
    width: calc((100% - 120px) / 4);
    margin-right: 40px;
    margin-bottom: 30px;
    padding: 15px;
    float: left;
}

.dress-bg .dlist .lid:nth-child(4n) {
    margin-right: 0;
}

.dress-bg .dlist .lid .imgbox .dimg {
    padding-top: 100%;
}

.dress-bg .dlist .lid .title {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #242424;
}

@media only screen and (min-width: 601px) {
    .dress-bg .dlist .lid:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    }
    .dress-bg .dlist .lid:hover .imgbox .dimg {
        transform: scale(1.05);
    }
}

@media only screen and (max-width: 1280px) {
    .dress-bg {
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .dress-bg {
        padding-top: 30px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .dress-bg .dclass-box {
        margin-bottom: 20px;
    }
    .dress-bg .dlist .lid {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .dress-bg .dlist .lid:nth-child(4n) {
        margin-right: 20px;
    }
    .dress-bg .dlist .lid:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .dress-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .dress-bg .dlist .lid {
        width: calc((100% - 20px) / 2);
        margin-bottom: 5%;
        padding: 0;
    }
    .dress-bg .dlist .lid:nth-child(3n) {
        margin-right: 20px;
    }
    .dress-bg .dlist .lid:nth-child(2n) {
        margin-right: 0;
    }
    .dress-bg .dlist .lid .title {
        font-size: 15px;
    }
    .dress-bg .dclass-box {
        padding: 3% 6%;
        margin-bottom: 3%;
    }
    .dress-bg .dclass-box .dclss-swiper .swiper-wrapper .swiper-slide .dc {
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
    }
}


/* =========

    装饰详情

 ========= */

.dressviwe-bg {
    padding-top: 60px;
    padding-bottom: 100px;
}

.dressviwe-bg .dview-top {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.dressviwe-bg .dview-top .dleft {
    width: 900px;
}

.dressviwe-bg .dview-top .dleft .imgbox {
    width: 350px;
    float: left;
}

.dressviwe-bg .dview-top .dleft .imgbox .dimg {
    padding-top: 100%;
}

.dressviwe-bg .dview-top .dleft .text {
    width: calc(100% - 350px);
    padding-left: 30px;
    float: right;
}

.dressviwe-bg .dview-top .dleft .text .inbox {
    max-width: 470px;
    padding: 50px 0;
}

.dressviwe-bg .dview-top .dleft .text .inbox .title {
    font-size: 30px;
    color: #242424;
    margin-bottom: 20px;
}

.dressviwe-bg .dview-top .dleft .text .inbox .demo {
    font-size: 14px;
    color: #646464;
    line-height: 24px;
    margin-bottom: 40px;
}

.dressviwe-bg .dview-top .dleft .text .inbox .back {
    height: 30px;
    line-height: 30px;
    width: 80px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    border: 1px solid #e3e4e5;
}

.dressviwe-bg .dview-top .dleft .text .inbox .back .ww {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 18px;
    position: relative;
    font-size: 12px;
    color: #353535;
}

.dressviwe-bg .dview-top .dleft .text .inbox .back .ww:before {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #353535;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dressviwe-bg .dview-top .dleft .text .inbox .back .ww:after {
    content: "";
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #353535 #353535 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    transform: rotate(45deg);
}

.dressviwe-bg .dview-top .dright {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    width: calc(100% - 900px);
    background-color: #f5f5f5;
}

.dressviwe-bg .dview-top .dright .inbox {
    width: 94%;
}

.dressviwe-bg .dview-top .dright .btn {
    max-width: 230px;
    margin: 0 auto;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 36px;
}

.dressviwe-bg .dview-top .dright .btn:nth-child(2) {
    margin-bottom: 0;
}

.dressviwe-bg .dview-bottom .bleft {
    width: calc(100% - 300px);
    max-width: 880px;
    float: left;
    border: 1px solid #e6e6e6;
}

.dressviwe-bg .dview-bottom .bleft .bt {
    background-color: #f4f4f4;
    position: relative;
}

.dressviwe-bg .dview-bottom .bleft .bt:after {
    content: "";
    width: calc(100% - 130px);
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    right: 0;
    bottom: 0;
}

.dressviwe-bg .dview-bottom .bleft .bt .ww {
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #013f98;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}

.dressviwe-bg .dview-bottom .bleft .content {
    padding: 20px 30px;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    overflow: hidden;
}

.dressviwe-bg .dview-bottom .bright {
    width: 300px;
    float: right;
}

.dressviwe-bg .dview-bottom .bright .vitem {
    margin-bottom: 20px;
    cursor: pointer;
}

.dressviwe-bg .dview-bottom .bright .vitem .imgbox:after {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/play_03.png);
}

.dressviwe-bg .dview-bottom .bright .vitem .imgbox .vimg {
    padding-top: calc(175 / 300 * 100%);
}

.dressviwe-bg .dview-bottom .bright .vitem .title {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #383838;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #e4e4e4 #e4e4e4 #e4e4e4;
}

.dressviwe-bg .dview-bottom .bright .link {
    ;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 118px;
    display: block;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-background-size: cover;
    background-size: cover;
}

.dressviwe-bg .dview-bottom .bright .link .title {
    font-size: 18px;
    color: #fab000;
    font-weight: bold;
    margin-bottom: 30px;
}

.dressviwe-bg .dview-bottom .bright .link .ico {
    width: 14px;
    height: 14px;
    background-color: #fab000;
    border-radius: 50%;
    position: relative;
}

.dressviwe-bg .dview-bottom .bright .link .ico:after {
    content: "";
    width: 6px;
    height: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -5px;
    transform: rotate(45deg);
}

@media only screen and (min-width: 601px) {
    .dressviwe-bg .dview-top .dleft .text .inbox .back:hover {
        background-color: #013f98;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox .back:hover .ww {
        color: #fff;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox .back:hover .ww:before {
        background-color: #fff;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox .back:hover .ww:after {
        border-color: #fff #fff transparent transparent;
    }
}

@media only screen and (max-width: 1280px) {
    .dressviwe-bg {
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .dressviwe-bg {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .dressviwe-bg .dview-top {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .dressviwe-bg .dview-top .dleft {
        width: 100%;
    }
    .dressviwe-bg .dview-top .dright {
        overflow: hidden;
        padding: 8% 0;
        width: 100%;
    }
    .dressviwe-bg .dview-top .dright .inbox {
        width: 100%;
    }
    .dressviwe-bg .dview-bottom .bleft {
        width: 100%;
        margin-bottom: 3%;
        max-width: none;
        float: none;
    }
    .dressviwe-bg .dview-bottom .bright {
        width: 100%;
        float: none;
    }
    .dressviwe-bg .dview-bottom .bright .link {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-right: 30px;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 768px) {
    .dressviwe-bg .dview-top .dleft .imgbox {
        width: 300px;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox .demo {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .dressviwe-bg .dview-top .dleft {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .dressviwe-bg .dview-top .dleft .imgbox {
        width: 100%;
    }
    .dressviwe-bg .dview-top .dleft .text {
        width: 100%;
        padding: 3%;
    }
    .dressviwe-bg .dview-top .dright .btn {
        margin-bottom: 6%;
    }
    .dressviwe-bg .dview-bottom .bleft .content {
        padding: 3%;
    }
}

@media only screen and (max-width: 414px) {
    .dressviwe-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .dressviwe-bg .dview-bottom .bleft .bt .ww {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .dressviwe-bg .dview-top .dleft .text .inbox {
        padding: 6% 0;
    }
}


/* =========

    艺术壁材

 ========= */

.art-bg {
    padding-top: 60px;
    padding-bottom: 100px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.art-bg .desc {
    padding-bottom: 40px;
    font-size: 16px;
    color: #464646;
    line-height: 36px;
}

.art-bg .desc.phone {
    display: none;
}

.art-bg .art-box {
    margin-bottom: 20px;
    height: 700px;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.art-bg .art-box .lia {
    width: calc(100% / 8);
    height: 100%;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    transition: all 1s ease;
    overflow: hidden;
}

.art-bg .art-box .lia[data-on="on"] {
    flex: 8;
}

.art-bg .art-box .lia .banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.art-bg .art-box .lia .banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .1);
}

.art-bg .art-box .lia .text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    max-height: 460px;
    transform: translateY(-50%);
}

.art-bg .art-box .lia .text .title {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    line-height: 24px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}

.art-bg .art-box .lia[data-on="on"] .text .title {
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
}

.art-bg .art-box .lia .text .title .en {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
}

.art-bg .art-box .lia .text .title .cn {
    font-size: 16px;
    color: #fff;
}

.art-bg .art-box .lia .text .ico {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.art-bg .art-box .lia[data-on="on"] .text .ico {
    transform: translate(-50%, 200%);
    opacity: 0;
    visibility: hidden;
}

.art-bg .art-box .lia .inbox {
    width: 94%;
    max-width: 480px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 11;
    padding-top: 50px;
    transition: all 1s ease;
    transform: translateX(100%);
}

.art-bg .art-box .lia[data-on="on"] .inbox {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.art-bg .art-box .lia .inbox .main {
    max-width: 380px;
}

.art-bg .art-box .lia .inbox .main .title {
    margin-bottom: 30px;
}

.art-bg .art-box .lia .inbox .main .title .cn {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
}

.art-bg .art-box .lia .inbox .main .title .en {
    font-size: 14px;
    color: #ffffff;
    height: 16px;
    line-height: 16px;
}

.art-bg .art-box .lia .inbox .main .demo {
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    margin-bottom: 160px;
}

.art-bg .art-box .lia .ico {
    width: 12px;
    height: 12px;
    position: relative;
}

.art-bg .art-box .lia .ico:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.art-bg .art-box .lia .ico:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.art-bg .pic {
    width: 100%;
}

@media only screen and (max-width: 1280px) {
    .art-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .art-bg .art-box {
        height: 600px;
    }
}

@media only screen and (max-width: 1024px) {
    .art-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .art-bg .art-box {
        height: auto;
        display: block;
    }
    .art-bg .art-box .lia {
        width: 50%;
        float: left;
    }
    .art-bg .art-box .lia .text {
        display: none;
    }
    .art-bg .art-box .lia .inbox {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        padding: 30px 0;
    }
    .art-bg .art-box .lia .inbox .main .demo {
        margin-bottom: 60px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 78px;
    }
}

@media only screen and (max-width: 414px) {
    .art-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .art-bg .desc {
        padding-bottom: 5%;
    }
    .art-bg .desc.pc {
        display: none;
    }
    .art-bg .desc.phone {
        display: block;
    }
    .art-bg .art-box .lia {
        width: 100%;
    }
    .art-bg .art-box .lia .inbox .main .title {
        margin-bottom: 5%;
    }
    .art-bg .art-box .lia .inbox .main .demo {
        margin-bottom: 6%;
    }
}


/* =========

    壁材详细

 ========= */

.aview-bg {
    padding-top: 60px;
    padding-bottom: 110px;
}

.aview-bg .desc {
    padding-top: 30px;
    padding-bottom: 50px;
    font-size: 16px;
    color: #363636;
    line-height: 2;
}


/*展示图*/

.aview-allimg {
    padding-bottom: 60px;
    max-width: 1120px;
    margin: 0 auto;
}

.aview-allimg .lia {
    width: calc((100% - 60px) / 4);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.aview-allimg .lia:nth-child(4n) {
    margin-right: 0;
}

.aview-allimg .lia .aimg {
    padding-top: calc(204 / 260 * 100%);
}

.aview-bg .bbt {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.aview-bg .bbt:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.aview-bg .bbt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    max-width: 270px;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #2a2a2a;
    position: relative;
    z-index: 11;
}


/*轮播2*/

.aview-bg .thumbsbox {
    position: relative;
    padding: 0 40px;
}

.aview-bg .thumbsbox .gallery-top .swiper-wrapper .swiper-slide .topimg {
    padding-top: calc(670 / 1100 * 100%);
}

.aview-bg .thumbsbox .gallery-thumbs {
    margin-top: -80px;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
}

.aview-bg .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide {
    border: 6px solid #fff;
}

.aview-bg .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .thumbsimg {
    padding-top: calc(185 / 318 * 100%);
}

.aview-bg .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .thumbsimg:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.aview-bg .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumbsimg:after {
    opacity: 1;
    visibility: visible;
}

.aview-bg .thumbsbox .btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

.aview-bg .thumbsbox .btn.gallery-prev {
    background-image: url(../images/abtn_03.png);
    left: 0;
}

.aview-bg .thumbsbox .btn.gallery-next {
    background-image: url(../images/abtn_05.png);
    right: 0;
}

@media only screen and (max-width: 1280px) {
    .aview-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .aview-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .aview-bg .desc {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .aview-allimg {
        padding-bottom: 40px;
    }
    .aview-bg .thumbsbox .btn {
        display: none;
    }
    .aview-bg .thumbsbox .gallery-thumbs {
        margin-top: 0;
    }
    .aview-bg .thumbsbox {
        padding: 0;
    }
    .aview-bg .bbt {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .aview-allimg .lia {
        width: calc((100% - 40px) / 3);
    }
    .aview-allimg .lia:nth-child(4n) {
        margin-right: 20px;
    }
    .aview-allimg .lia:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .aview-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .aview-bg .desc {
        padding: 3% 0;
    }
    .aview-allimg {
        padding-bottom: 6%;
    }
    .aview-allimg .lia {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
    }
    .aview-allimg .lia:nth-child(4n) {
        margin-right: 0;
    }
    .aview-allimg .lia:nth-child(3n) {
        margin-right: 15px;
    }
    .aview-allimg .lia:nth-child(2n) {
        margin-right: 0;
    }
    .aview-bg .bbt {
        margin-bottom: 5%;
    }
    .aview-bg .thumbsbox {
        display: none;
    }
    .aview-bg .mmthumbsbox .mmimg {
        padding-top: calc(670 / 1100 * 100%);
        margin-bottom: 3%;
    }
}


/* =========

    居家生活

 ========= */

.art-bg .hlist {
    overflow: hidden;
}

.art-bg .hlist .lih {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-bottom: 50px;
    float: left;
}

.art-bg .hlist .lih:nth-child(3n) {
    margin-right: 0;
}

.art-bg .hlist .lih .imgbox {
    margin-bottom: 20px;
}

.art-bg .hlist .lih .imgbox .himg {
    padding-top: calc(247 / 373 * 100%);
}

.art-bg .hlist .lih .title {
    font-size: 16px;
    color: #262626;
    margin-bottom: 10px;
    transition: all .5s ease;
}

.art-bg .hlist .lih .demo {
    font-size: 13px;
    color: #888888;
    line-height: 22px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
}

.art-bg .hlist .lih .more {
    font-size: 14px;
    color: #2c76ca;
    font-weight: bold;
}

@media only screen and (min-width: 601px) {
    .art-bg .hlist .lih:hover .imgbox .himg {
        transform: scale(1.1);
    }
    .art-bg .hlist .lih:hover .title {
        color: #013f98;
    }
}

@media only screen and (max-width: 1280px) {
    .art-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .art-bg {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .art-bg .hlist .lih {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .art-bg .hlist .lih {
        width: calc((100% - 20px) / 2);
    }
    .art-bg .hlist .lih:nth-child(3n) {
        margin-right: 20px;
    }
    .art-bg .hlist .lih:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .art-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .art-bg .hlist .lih {
        width: 100%;
    }
}


/* =========

	家具涂料

 ========= */

.live-bg {
    padding-top: 60px;
}

.live-bg .live-bt {
    font-size: 30px;
    color: #212121;
    padding-bottom: 20px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
}

.live-bg .more {
    width: 90px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    font-size: 14px;
    color: #0eae71;
    font-weight: bold;
    text-align: center;
    display: block;
}


/*发展史*/

.live-bg .hisbox {
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e6e6e6;
}

.live-bg .hisbox .desc {
    font-size: 14px;
    color: #383838;
    line-height: 24px;
    margin-bottom: 40px;
}

.live-bg .hisbox .more {
    margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
    .live-bg .hisbox {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .live-bg {
        padding-top: 40px;
    }
    .live-bg .hisbox .desc {
        margin-bottom: 20px;
    }
    .live-bg .live-bt {
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .live-bg {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 414px) {
    .live-bg {
        padding-top: 5%;
    }
    .live-bg .hisbox {
        padding-bottom: 5%;
        margin-bottom: 6%;
    }
}


/*八大风格*/

.live-bg .style-box {
    padding-bottom: 20px;
    margin-bottom: 60px;
    position: relative;
}

.live-bg .style-box:after {
    content: "";
    width: 100vw;
    height: 65%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #f4f4f4;
    z-index: -1;
}

.live-bg .style-box .slist {
    padding-top: 30px;
    overflow: hidden;
}

.live-bg .style-box .slist .lis {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background-color: #fff;
}

.live-bg .style-box .slist .lis:nth-child(4n) {
    margin-right: 0;
}

.live-bg .style-box .slist .lis .imgbox .simg {
    padding-top: calc(240 / 285 * 100%);
}

.live-bg .style-box .slist .lis .title {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    color: #373737;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .live-bg .style-box .slist .lis .title {
        height: 50px;
        line-height: 50px;
    }
    .live-bg .style-box .slist .lis {
        width: calc((100% - 40px) / 3);
    }
    .live-bg .style-box .slist .lis:nth-child(4n) {
        margin-right: 20px;
    }
    .live-bg .style-box .slist .lis:nth-child(3n) {
        margin-right: 0;
    }
    .live-bg .style-box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 414px) {
    .live-bg .style-box .slist .lis {
        width: calc((100% - 20px) / 2);
    }
    .live-bg .style-box .slist .lis .title {
        height: 40px;
        line-height: 40px;
        padding: 0 3%;
    }
    .live-bg .style-box .slist .lis:nth-child(4n) {
        margin-right: 0;
    }
    .live-bg .style-box .slist .lis:nth-child(3n) {
        margin-right: 20px;
    }
    .live-bg .style-box .slist .lis:nth-child(2n) {
        margin-right: 0;
    }
    .live-bg .style-box {
        margin-bottom: 5%;
    }
}


/*解决方案*/

.live-bg .solution-box {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.live-bg .solution-box .imgbox {
    width: calc(100% - 450px);
}

.live-bg .solution-box .imgbox .simg {
    height: 100%;
}

.live-bg .solution-box .textbox {
    width: 450px;
    height: 380px;
    background-color: #fafafa;
    padding-top: 40px;
}

.live-bg .solution-box .textbox .text {
    width: 94%;
    max-width: 370px;
    margin: 0 auto;
}

.live-bg .solution-box .textbox .text .title {
    font-size: 30px;
    color: #212121;
    margin-bottom: 20px;
    display: block;
}

.live-bg .solution-box .textbox .text .demo {
    font-size: 14px;
    color: #383838;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    height: 156px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    .live-bg .solution-box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .live-bg .solution-box {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .live-bg .solution-box .imgbox {
        width: 100%;
    }
    .live-bg .solution-box .imgbox .simg {
        padding-top: calc(380 / 750 * 100%);
    }
    .live-bg .solution-box .textbox {
        padding: 3% 0;
        width: 100%;
        height: auto
    }
    .live-bg .solution-box .textbox .text {
        max-width: none;
    }
    .live-bg .solution-box .textbox .text .demo {
        height: auto;
    }
    .live-bg .solution-box .textbox .text .title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 414px) {
    .live-bg .solution-box {
        margin-bottom: 5%;
    }
    .live-bg .solution-box .textbox .text .title {
        font-size: 20px;
    }
}


/*合作伙伴*/

.live-bg .pbox {
    padding: 40px 0;
    position: relative;
}

.live-bg .pbox .pbox-swiper .swiper-wrapper .swiper-slide .pimg {
    padding-top: calc(110 / 220 * 100%);
}

.live-bg .pbox .btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.live-bg .pbox .btn.pbox-prev {
    left: 0;
}

.live-bg .pbox .btn.pbox-next {
    right: 0;
}

.live-bg .pbox .btn:after {
    content: "";
    width: 14px;
    height: 14px;
    border-style: solid;
    border-width: 3px;
    border-color: #b1b1b1 transparent transparent #b1b1b1;
    position: absolute;
    left: 0;
    top: 56%;
    margin-top: -7px;
    transform: rotate(-45deg);
}

.live-bg .pbox .btn.pbox-next:after {
    transform: rotate(135deg);
}

@media only screen and (max-width: 1024px) {
    .live-bg .hisbox {
        padding-bottom: 40px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 640px) {
    .live-bg .hisbox {
        padding-bottom: 6%;
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 414px) {
    .live-bg .pbox {
        padding: 6% 0;
    }
    .live-bg .pbox .btn {
        display: none;
    }
}


/* =========

    家具涂料详细

 ========= */


/*发展史*/

.lview-bg {
    padding-top: 60px;
    padding-bottom: 100px;
}

.lview-bg .lhisbox .lih {
    width: calc((100% - 50px) / 2);
    margin-bottom: 75px;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
}

.lview-bg .lhisbox .lih:last-child {
    margin-bottom: 0;
}

.lview-bg .lhisbox .lih:nth-child(2n) {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.lview-bg .lhisbox .lih:after {
    content: "";
    width: calc(100% - 75px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    z-index: -1;
}

.lview-bg .lhisbox .lih:nth-child(2n):after {
    left: auto;
    right: 0;
}

.lview-bg .lhisbox .lih:nth-child(2n) {
    float: right;
}

.lview-bg .lhisbox .lih:nth-child(2) {
    margin-top: 75px;
}

.lview-bg .lhisbox .lih .textbox {
    width: calc(100% - 150px);
    padding: 0 20px;
}

.lview-bg .lhisbox .lih .textbox .text {
    font-size: 16px;
    color: #232323;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 26px;
}

.lview-bg .lhisbox .lih .yuan {
    width: 150px;
    height: 150px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/color_03.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.lview-bg .lhisbox .lih .yuan .in {
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.lview-bg .lhisbox .lih .yuan .in .title {
    font-size: 34px;
    color: #737373;
}

.lview-bg .lhisbox .lih .yuan .in .word {
    font-size: 18px;
    color: #c1c5cb;
}

@media only screen and (max-width: 1280px) {
    .lview-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .lview-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .lview-bg .lhisbox .lih {
        margin-bottom: 40px;
        width: 100%;
    }
    .lview-bg .lhisbox .lih:nth-child(2) {
        margin-top: 0;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .lview-bg .lhisbox .lih {
        margin-bottom: 6%;
    }
    .lview-bg .lhisbox .lih .yuan {
        width: 120px;
        height: 120px;
        -webkit-background-size: 120px;
        background-size: 120px;
    }
    .lview-bg .lhisbox .lih .textbox {
        width: calc(100% - 120px);
    }
    .lview-bg .lhisbox .lih .yuan .in .title {
        font-size: 28px;
    }
}


/*八大产品风格*/

.lview-bg .styleview .desc {
    padding-bottom: 50px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 50px;
    font-size: 16px;
    color: #474747;
    line-height: 2;
}

.lview-bg .styleview .sbt {
    font-size: 24px;
    color: #3e3e3e;
    margin-bottom: 25px;
}

.lview-bg .styleview .show-box {
    margin-bottom: 60px;
}

.lview-bg .styleview .show-box .sleft {
    width: calc(100% - 400px);
    float: left;
}

.lview-bg .styleview .show-box .sleft .sleft-swiper .swiper-wrapper .swiper-slide .simg {
    padding-top: calc(330 / 250 * 100%);
}

.lview-bg .styleview .show-box .sleft .sleft-swiper .sleft-pagination {
    display: none;
}

.lview-bg .styleview .show-box .sright {
    width: 380px;
    float: right;
}

.lview-bg .styleview .show-box .sright .scontent {
    font-size: 14px;
    color: #393939;
    border: 1px solid #e7e7e7;
    padding: 3%;
}

.lview-bg .styleview .show-how .show-swiper .swiper-wrapper .swiper-slide .simg {
    padding-top: calc(348 / 388 * 100%);
}

@media only screen and (max-width: 1024px) {
    .lview-bg .styleview .desc {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .lview-bg .styleview .show-box {
        margin-bottom: 40px;
    }
    .lview-bg .styleview .show-box .sleft {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .lview-bg .styleview .show-box .sright {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 640px) {
    .lview-bg .styleview .show-box .sleft .sleft-swiper {
        display: block;
    }
    .mmsleft-swiper {
        display: none;
    }
    .mmsleft-swiper .mm {
        padding-top: calc(330 / 250 * 100%);
        margin-bottom: 3%;
    }
    .lview-bg .styleview .show-how .show-swiper {
        display: none;
    }
    .mmshow-swiper .mm {
        padding-top: calc(348 / 388 * 100%);
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg .styleview .desc {
        padding-bottom: 5%;
        margin-bottom: 5%;
    }
    .lview-bg .styleview .show-box {
        margin-bottom: 3%;
    }
    .lview-bg .styleview .sbt {
        margin-bottom: 5%;
    }
    .lview-bg .styleview .show-box .sleft .sleft-swiper .sleft-pagination {
        text-align: center;
        padding-top: 40px;
        display: block;
    }
    .lview-bg .styleview .show-box .sleft .sleft-swiper .sleft-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #000;
        opacity: 1;
    }
    .lview-bg .styleview .show-box .sleft .sleft-swiper .sleft-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #0449ba;
        width: 45px;
        border-radius: 50px;
    }
}


/*油改水解决方案*/

.lview-bg .solu-bg .lis {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.lview-bg .solu-bg .lis:nth-child(1) {
    border-bottom: 1px solid #e9e9e9;
}

.lview-bg .solu-bg .lis .theme {
    font-size: 30px;
    color: #0eae71;
    font-weight: bold;
    margin-bottom: 10px;
}

.lview-bg .solu-bg .lis .content {
    font-size: 16px;
    color: #474747;
    line-height: 30px;
}

.lview-bg .solu-bg .lis .slist {
    padding-top: 40px;
}

.lview-bg .solu-bg .lis .slist .item {
    width: calc(97% / 2);
    max-width: 570px;
    float: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(../images/ll_03.png);
}

.lview-bg .solu-bg .lis .slist .item:nth-child(2n) {
    float: right;
}

.lview-bg .solu-bg .lis .slist .item .imgbox .simg {
    padding-top: calc(380 / 570 * 100%);
}

.lview-bg .solu-bg .lis .slist .item .text {
    padding: 30px;
}

.lview-bg .solu-bg .lis .slist .item .text .title {
    font-size: 24px;
    color: #2a2a2a;
    font-weight: bold;
}

.lview-bg .solu-bg .lis .slist .item .text .demo {
    font-size: 30px;
    color: #0eae71;
}

.lview-bg .solu-bg .lis .slist .item .text .content {
    font-size: 16px;
    color: #474747;
    line-height: 36px;
}

.lview-bg .solu-bg .lis .svideo {
    padding-top: 30px;
}

.lview-bg .solu-bg .lis .svideo .vitem {
    width: calc(97% / 2);
    max-width: 570px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.lview-bg .solu-bg .lis .svideo .vitem:nth-child(2n) {
    float: right;
}

.lview-bg .solu-bg .lis .svideo .vitem .imgbox {
    margin-bottom: 3%;
}

.lview-bg .solu-bg .lis .svideo .vitem .imgbox:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
}

.lview-bg .solu-bg .lis .svideo .vitem .imgbox:after {
    content: "";
    width: 48px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/dbx_03.png);
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
}

.lview-bg .solu-bg .lis .svideo .vitem .vimg {
    padding-top: calc(350 / 570 * 100%);
    transition: all 3s ease;
}

.lview-bg .solu-bg .lis .svideo .vitem .title {
    font-size: 16px;
    color: #474747;
    text-align: center;
}

@media only screen and (min-width: 601px) {
    .lview-bg .solu-bg .lis .svideo .vitem:hover .imgbox:before {
        opacity: 0;
        visibility: hidden;
    }
    .lview-bg .solu-bg .lis .svideo .vitem:hover .imgbox:after {
        transform: translate(-50%, -50%) scale(0);
    }
    .lview-bg .solu-bg .lis .svideo .vitem:hover .vimg {
        transform: scale(1.3)
    }
}

@media only screen and (max-width: 1024px) {
    .lview-bg .solu-bg .lis .theme {
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .lview-bg .solu-bg .lis .slist .item {
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg .solu-bg .lis {
        padding-bottom: 3%;
        margin-bottom: 3%;
    }
    .lview-bg .solu-bg .lis .slist {
        padding-top: 3%;
    }
    .lview-bg .solu-bg .lis .svideo .vitem {
        width: 100%;
        max-width: none;
        margin-bottom: 3%;
    }
    .lview-bg .solu-bg .lis .theme {
        font-size: 20px;
    }
    .lview-bg .solu-bg .lis .slist .item .text {
        padding: 3%;
    }
    .lview-bg .solu-bg .lis .slist .item .text .title {
        font-size: 20px;
    }
    .lview-bg .solu-bg .lis .slist .item .text .demo {
        font-size: 24px;
    }
}


/*工程服务*/

.lview-bg .service-box {
    padding-top: 40px;
    padding-bottom: 100px;
}

.lview-bg .service-box .desc {
    font-size: 16px;
    color: #474747;
    line-height: 2;
    padding-bottom: 30px;
}

.lview-bg .service-box .service-swiper .swiper-wrapper .swiper-slide {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    float: left;
}

.lview-bg .service-box .service-swiper .swiper-wrapper .swiper-slide:nth-child(3n) {
    margin-right: 0;
}

.lview-bg .service-box .service-swiper .swiper-wrapper .swiper-slide .simg {
    padding-top: calc(250 / 370 * 100%);
}


/*合作伙伴*/

.lview-bg .part-box {
    padding-top: 50px;
    padding-bottom: 90px;
}

.lview-bg .part-box .list {
    padding-bottom: 40px;
}

.lview-bg .part-box .list .lip {
    width: calc(100% / 5);
    margin-bottom: 20px;
    float: left;
}

.lview-bg .part-box .list .lip .pimg {
    padding-top: calc(110 / 220 * 100%);
}

@media only screen and (max-width: 1280px) {
    .lview-bg .part-box {
        padding-top: 30px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .lview-bg .part-box .list .lip {
        width: calc(100% / 4);
    }
    .lview-bg .service-box {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg .part-box {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .lview-bg .part-box .list .lip {
        width: calc(100% / 2);
    }
    .lview-bg .part-box .list {
        padding-bottom: 3%;
    }
    .lview-bg .service-box {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .lview-bg .service-box .service-swiper .swiper-wrapper {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .lview-bg .service-box .service-swiper .swiper-wrapper .swiper-slide {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 3%;
    }
}


/* =========

    工程涂料

 ========= */

.pindex-new {
    padding-top: 60px;
    padding-bottom: 100px;
}

.pindex-new .pgtitle {
    text-align: center;
}

.pindex-new .pgtitle .bt {
    font-size: 30px;
    color: #232323;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.pindex-new .pgtitle .bt:before {
    content: "";
    display: block;
    width: 2px;
    height: 5px;
    background-color: #0eae71;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 56px;
    box-shadow: 4px 0 0 #0eae71, 8px 0 0 #0eae71, 12px 0 0 #0eae71, 16px 0 0 #0eae71, 20px 0 0 #0eae71, 24px 0 0 #0eae71, -4px 0 0 #0eae71, -8px 0 0 #0eae71, -12px 0 0 #0eae71, -16px 0 0 #0eae71, -20px 0 0 #0eae71, -24px 0 0 #0eae71;
}

.pindex-new .classlist {
    padding-top: 26px;
}

.pindex-new .classlist:after {
    content: "";
    display: block;
    clear: both;
}

.pindex-new .classlist .pitem {
    display: block;
    float: left;
    width: calc((100% - 60px)/3);
    margin: 0 30px 30px 0;
    font-size: 20px;
    color: #212121;
    font-weight: bold;
}

.pindex-new .classlist .pitem:nth-child(3n) {
    margin-right: 0;
}

.pindex-new .classlist .pitem .pic {
    padding-top: 63.6842%;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.pindex-new .classlist .pitem .pic img:hover {
    transform: scale(1.2);
}

.pindex-new .classlist .pitem .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
    border-radius: 8px 8px 0 0;
}

.pindex-new .classlist .pitem .title {
    border-radius: 0 0 8px 8px;
    border: 1px solid #ececec;
    border-top: 0;
    height: 62px;
    line-height: 62px;
    padding: 0 80px 0 18px;
    position: relative;
}

.pindex-new .classlist .pitem .title:before {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    top: 50%;
    right: 18px;
    margin-top: -5px;
    background-color: #2c76ca;
    position: absolute;
    box-shadow: -4px 0 0 #2c76ca, -8px 0 0 #2c76ca, -12px 0 0 #2c76ca, -16px 0 0 #2c76ca, -20px 0 0 #2c76ca, -24px 0 0 #2c76ca, -28px 0 0 #2c76ca, -32px 0 0 #2c76ca, -32px 0 0 #2c76ca, -36px 0 0 #2c76ca, -40px 0 0 #2c76ca, -44px 0 0 #2c76ca, -48px 0 0 #2c76ca;
}

.ppclass-box {
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

.ppclass-box .item {
    display: inline-block;
    border: 1px solid transparent;
    padding: 0 20px;
    height: 45px;
    line-height: 43px;
    font-size: 15px;
    color: #666666;
}

.ppclass-box .item.on {
    border: 1px solid #a1a1a2;
}


/**/

.pindex-bg {
    padding-top: 60px;
    padding-bottom: 100px;
}

.pindex-bg .desc {
    margin-bottom: 40px;
    text-align: center;
}

.pindex-bg .desc .bt {
    font-size: 30px;
    color: #232323;
    margin-bottom: 20px;
}

.pindex-bg .desc .content {
    font-size: 15px;
    color: #383838;
    line-height: 2;
}

.pindex-bg .pindex-list .ptitem {
    width: 100%;
    margin-bottom: 60px;
    display: block;
}

.pindex-bg .pindex-list .ptitem .imgbox {
    overflow: visible;
}

.pindex-bg .pindex-list .ptitem .imgbox .pimg {
    padding-top: calc(420 / 1200 * 100%);
}

.pindex-bg .pindex-list .ptitem .imgbox .icobox {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -90px;
    transform: translateX(-50%);
}

.pindex-bg .pindex-list .ptitem .imgbox .icobox .ico {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    border-radius: 50%;
}

.pindex-bg .pindex-list .title {
    font-size: 30px;
    color: #212121;
}

.pindex-bg .pindex-list .ptitem .title {
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #e6e6e6 #e6e6e6 #e6e6e6;
    position: relative;
    z-index: 11;
}

.pindex-bg .pindex-list .pitem {
    width: calc(97% / 2);
    max-width: 570px;
    float: left;
    display: block;
}

.pindex-bg .pindex-list .pitem:nth-child(3) {
    float: right;
}

.pindex-bg .pindex-list .pitem .text {
    height: 190px;
    border-style: solid;
    border-width: 1px;
    border-color: #e6e6e6 #e6e6e6 transparent #e6e6e6;
    text-align: center;
}

.pindex-bg .pindex-list .pitem .text .ico {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pindex-bg .pindex-list .pitem .imgbox .pimg {
    padding-top: calc(390 / 570 * 100%);
}

@media only screen and (max-width: 1280px) {
    .pindex-bg,
    .pindex-new {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .pindex-new .classlist .pitem,
    .pindex-new .classlist .pitem:nth-child(3n) {
        display: block;
        float: left;
        width: calc((100% - 20px)/2);
        margin: 0 20px 20px 0;
        font-size: 18px;
        color: #212121;
        font-weight: bold;
    }
    .pindex-new .classlist .pitem:nth-child(2n) {
        margin-right: 0;
    }
    .pindex-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .pindex-bg .desc .bt,
    .pindex-new .pgtitle .bt {
        font-size: 24px;
    }
    .pindex-bg .desc {
        margin-bottom: 20px;
    }
    .pindex-bg .pindex-list .ptitem {
        margin-bottom: 30px;
    }
    .pindex-bg .pindex-list .title {
        font-size: 24px;
    }
    .pindex-bg .pindex-list .ptitem .title {
        height: 100px;
        line-height: 100px;
    }
    .pindex-bg .pindex-list .pitem .text {
        height: 160px;
    }
}

@media only screen and (max-width: 639px) {
    .pindex-new .classlist .pitem,
    .pindex-new .classlist .pitem:nth-child(3n),
    .pindex-new .classlist .pitem:nth-child(2n) {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0px 5% 0;
        font-size: 18px;
        color: #212121;
        font-weight: bold;
    }
    .pindex-new .classlist .pitem .title {
        height: 48px;
        line-height: 48px;
    }
}

@media only screen and (max-width: 414px) {
    .pindex-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .pindex-bg .pindex-list .pitem {
        width: 100%;
        margin-bottom: 5%;
    }
    .pindex-bg .pindex-list .ptitem {
        margin-bottom: 5%;
    }
}


/*产品中心*/

.lview-bg .product-list .lip {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    float: left;
    margin-bottom: 25px;
}

.lview-bg .product-list .lip:nth-child(4n) {
    margin-right: 0;
}

.lview-bg .product-list .lip .imgbox .pimg {
    padding-top: calc(250 / 280 * 100%);
}

.lview-bg .product-list .lip .main {
    border: 1px solid #e6e6e6;
}

.lview-bg .product-list .lip .main .text {
    padding: 20px;
}

.lview-bg .product-list .lip .main .text .title {
    font-size: 18px;
    color: #013f98;
    margin-bottom: 10px;
    border-left: 4px solid #7087d8;
    padding-left: 15px;
}

.lview-bg .product-list .lip .main .text .demo {
    font-size: 14px;
    color: #606060;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}

.lview-bg .product-list .lip .main .detail {
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    color: #7087d8;
    position: relative;
    border-top: 1px solid #e6e6e6;
}

.lview-bg .product-list .lip .main .detail:before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #7087d8;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -1px;
}

.lview-bg .product-list .lip .main .detail:after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #7087d8;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -1px;
    transform: rotate(90deg);
}

@media only screen and (min-width: 601px) {
    .lview-bg .product-list .lip:hover .imgbox .pimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1024px) {
    .lview-bg .product-list .lip {
        width: calc((100% - 40px) / 3);
    }
    .lview-bg .product-list .lip:nth-child(4n) {
        margin-right: 20px;
    }
    .lview-bg .product-list .lip:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .lview-bg .product-list .lip {
        width: calc((100% - 20px) / 2);
    }
    .lview-bg .product-list .lip:nth-child(4n) {
        margin-right: 0;
    }
    .lview-bg .product-list .lip:nth-child(3n) {
        margin-right: 20px;
    }
    .lview-bg .product-list .lip:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg .product-list .lip {
        width: 100%;
    }
}


/*产品详情*/

.pview-bg {
    padding-top: 60px;
    padding-bottom: 95px;
}

.pview-bg .pvbanner {
    padding: 180px 0;
    margin-bottom: 60px;
}

.pview-bg .pvbanner .title {
    padding-bottom: 30px;
    font-size: 36px;
    color: #fefefe;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(/phone/images/lll_03.png);
}

.pview-bg .pview-main .pvleft {
    width: 800px;
    float: left;
}

.pview-bg .pview-main .pvleft .cbox {
    margin-bottom: 50px;
}

.pview-bg .pview-main .pvleft .cbox:last-child {
    margin: 0;
}

.pview-bg .pview-main .pvleft .cbox .bbt {
    margin-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

.pview-bg .pview-main .pvleft .cbox .bbt .word {
    max-width: 200px;
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/phone/images/adf_03.png);
}

.pview-bg .pview-main .pvleft .cbox .bbt .word span {
    padding-left: 24px;
    position: relative;
    font-size: 18px;
    color: #013f98;
    font-weight: bold;
}

.pview-bg .pview-main .pvleft .cbox .bbt .word span:after {
    content: "";
    width: 4px;
    height: 27px;
    background-color: #7087d8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pview-bg .pview-main .pvleft .cbox .content {
    font-size: 14px;
    color: #606060;
    line-height: 30px;
}

.pview-bg .pview-main .pvright {
    width: calc(97% - 800px);
    max-width: 350px;
    float: right;
}

.pview-bg .pview-main .pvright .ritem {
    margin-bottom: 25px;
    position: relative;
    display: block;
    overflow: hidden;
}

.pview-bg .pview-main .pvright .ritem .rimg {
    padding-top: calc(190 / 350 * 100%);
    transition: all .5s ease;
}

.pview-bg .pview-main .pvright .ritem .titlebox {
    position: absolute;
    left: 30px;
    top: 40px;
    color: #363b42;
}

.pview-bg .pview-main .pvright .ritem .titlebox .title {
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.pview-bg .pview-main .pvright .ritem .titlebox .title:after {
    content: "";
    width: 45px;
    height: 1px;
    background-color: #96cbcf;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pview-bg .pview-main .pvright .ritem .titlebox .more {
    font-size: 14px;
}

.pview-bg .pview-main .pvright .ritem:nth-child(2) .titlebox {
    color: #fff;
}

.pview-bg .pview-main .pvright .ritem:nth-child(2) .titlebox .title:after {
    background-color: #fff;
}

@media only screen and (min-width: 601px) {
    .pview-bg .pview-main .pvright .ritem:hover .rimg {
        transform: scale(1.1);
    }
}

@media only screen and (max-width: 1280px) {
    .pview-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .pview-bg {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .pview-bg .pvbanner {
        padding: 150px 0;
        margin-bottom: 30px;
    }
    .pview-bg .pview-main .pvleft {
        width: 100%;
        margin-bottom: 3%;
        float: none;
    }
    .pview-bg .pview-main .pvright {
        width: 100%;
        float: none;
        max-width: none;
    }
}

@media only screen and (max-width: 768px) {
    .pview-bg .pvbanner {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 414px) {
    .pview-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .pview-bg .pvbanner {
        padding: 10% 0;
        margin-bottom: 6%;
    }
    .pview-bg .pvbanner .title {
        font-size: 30px;
    }
}


/*工程案例*/

.lview-bg .case-list {
    padding-bottom: 10px;
}

.lview-bg .case-list .lic {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
}

.lview-bg .case-list .lic:nth-child(4n) {
    margin-right: 0;
}

.lview-bg .case-list .lic .imgbox .cimg {
    padding-top: calc(350 / 280 * 100%);
}

.lview-bg .case-list .lic .title {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #262626;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #e6e6e6 #e6e6e6 #e6e6e6;
    padding: 0 20px;
}

.layui-layer.case {
    max-width: 650px !important;
    max-height: 100% !important;
    background-color: #f0f0f0;
}

.photobox.case .title {
    margin-bottom: 40px;
}

.photobox.case .gallery-top {
    max-width: 580px;
    height: 100%;
    margin: 0 auto;
}

.photobox.case .gallery-top .swiper-wrapper .swiper-slide .topimg {
    max-width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 1024px) {
    /* .layui-layer.case {
    max-width: 50%!important;
    max-height: 94%!important;
} */
    .photobox.case .gallery-top {
        width: 84%;
    }
}

@media only screen and (max-width: 768px) {
    .lview-bg .case-list .lic {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
    }
    .lview-bg .case-list .lic:nth-child(4n) {
        margin-right: 20px;
    }
    .lview-bg .case-list .lic:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 640px) {
    /* .layui-layer.case {
    max-width: 84%!important;
    max-height: 84%!important;
} */
}

@media only screen and (max-width: 414px) {
    .lview-bg .case-list .lic {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }
    .lview-bg .case-list .lic:nth-child(4n) {
        margin-right: 0;
    }
    .lview-bg .case-list .lic:nth-child(3n) {
        margin-right: 20px;
    }
    .lview-bg .case-list .lic:nth-child(2n) {
        margin-right: 0;
    }
    .lview-bg .case-list .lic .title {
        height: 45px;
        line-height: 45px;
    }
    .layui-layer.case {
        max-height: 90% !important;
    }
    .photobox.case .gallery-top {
        width: 94%;
    }
}


/*加盟*/

.joining-bg .jitem {
    min-height: 100vh;
    padding: 100px 0;
}

.joining-bg .jitem:nth-child(3) {
    min-height: auto;
    padding-bottom: 45px;
}

.joining-bg .jitem:nth-child(4) {
    padding-bottom: 0;
}

.joining-bg .jitem:nth-child(5) {
    min-height: auto;
}

.joining-bg .jitem .title {
    text-align: center;
}

.joining-bg .jitem .title .cn {
    font-size: 36px;
    color: #262626;
    margin-bottom: 10px;
}

.joining-bg .jitem:nth-child(3) .title .cn {
    color: #fff;
}

.joining-bg .jitem .title .en {
    font-size: 14px;
    color: #606060;
    padding: 0 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    text-transform: uppercase;
}

.joining-bg .jitem:nth-child(3) .title .en {
    color: #fff;
}

.joining-bg .jitem .title .en:before {
    content: "";
    width: 70px;
    height: 1px;
    background-color: #cfcfcf;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.joining-bg .jitem .title .en:after {
    content: "";
    width: 70px;
    height: 1px;
    background-color: #cfcfcf;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}


/*企业荣誉*/

.joining-bg .jitem .nc_demo {
    padding-top: 40px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
}

.joining-bg .jitem .phonor-swiper .swiper-wrapper .swiper-slide {
    background-color: #fff;
    border-radius: 5px;
}

.joining-bg .jitem .phonor-swiper .swiper-wrapper .swiper-slide .imgbox .himg {
    padding-top: calc(245 / 280 * 100%);
    border-radius: 5px;
}

.joining-bg .jitem .phonor-swiper .swiper-wrapper .swiper-slide .title {
    padding-bottom: 20px;
    font-size: 15px;
    color: #353535;
    text-align: center;
}

.joining-bg .jitem .phonor-swiper .phonor-pagination {
    text-align: center;
    padding-top: 40px;
}

.joining-bg .jitem .phonor-swiper .phonor-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 1;
}

.joining-bg .jitem .phonor-swiper .phonor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0449ba;
    width: 45px;
    border-radius: 50px;
}


/*加盟支持*/

.joining-bg .jitem .jlist {
    padding-top: 80px;
}

.joining-bg .jitem .jlist .lij {
    width: calc((100% - 140px) / 3);
    margin-right: 70px;
    margin-bottom: 90px;
    float: left;
    text-align: center;
}

.joining-bg .jitem .jlist .lij:nth-child(3n) {
    margin-right: 0;
}

.joining-bg .jitem .jlist .lij .ico {
    height: 80px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 20px;
}

.joining-bg .jitem .jlist .lij .title {
    font-size: 18px;
    color: #232221;
    font-weight: bold;
    margin-bottom: 10px;
}

.joining-bg .jitem .jlist .lij .content {
    font-size: 14px;
    color: #515151;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 104px;
    padding: 0 20px;
}


/*加盟要求*/

.joining-bg .jitem .textbox {
    padding-top: 100px;
}

.joining-bg .jitem:nth-child(2n) .textbox {
    padding-top: 40px;
}

.joining-bg .jitem:nth-child(5n) .textbox {
    padding-top: 120px;
}

.joining-bg .jitem .textbox .text {
    font-size: 15px;
    color: #2b2b2b;
    line-height: 34px;
    max-width: 50%;
}

.joining-bg .jitem:nth-child(2n) .textbox .text {
    margin-right: 0;
    margin-left: auto;
}

@media only screen and (max-width: 1024px) {
    .joining-bg .jitem {
        padding: 80px 0;
    }
    .joining-bg .jitem .title .cn {
        font-size: 30px;
    }
    .joining-bg .jitem .textbox .text {
        max-width: none;
        margin: 0 !important;
    }
    .joining-bg .jitem .jlist .lij {
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
        margin-bottom: 50px;
    }
    .joining-bg .jitem .textbox {
        padding-top: 60px;
    }
    .joining-bg .jitem:nth-child(5n) .textbox {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 414px) {
    .joining-bg .jitem .jlist .lij {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .joining-bg .jitem .textbox {
        padding-top: 6%;
    }
    .joining-bg .jitem:nth-child(5n) .textbox {
        padding-top: 6%;
    }
}


/* =========

    工业涂料

 ========= */

.work-bg {
    padding-top: 60px;
    padding-bottom: 10px;
}

.work-bg .theme {
    font-size: 30px;
    color: #212121;
    margin-bottom: 20px;
    text-align: center;
}

.work-bg .desc {
    font-size: 14px;
    color: #383838;
    line-height: 24px;
    margin-bottom: 40px;
}

.work-bg .witem {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: #f5f5f5;
    height: 450px;
}

.work-bg .witem .work-box {
    width: calc(100% - 400px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.work-bg .witem .work-box .lia {
    width: calc(100% / 8);
    height: 100%;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    transition: all 1s ease;
    overflow: hidden;
}

.work-bg .witem .work-box .lia[data-on="on"] {
    flex: 8;
}

.work-bg .witem .work-box .lia .banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.work-bg .witem .work-box .lia .banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .1);
}

.work-bg .witem .work-box .lia .text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    max-height: 360px;
    transform: translateY(-50%);
}

.work-bg .witem .work-box .lia .text .title {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    line-height: 24px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}

.work-bg .witem .work-box .lia[data-on="on"] .text .title {
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
}

.work-bg .witem .work-box .lia .text .title .cn {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.work-bg .witem .work-box .lia .text .ico {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.work-bg .witem .work-box .lia[data-on="on"] .text .ico {
    transform: translate(-50%, 200%);
    opacity: 0;
    visibility: hidden;
}

.work-bg .witem .work-box .lia .inbox {
    width: 94%;
    max-width: 480px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 11;
    padding-top: 50px;
    transition: all 1s ease;
    transform: translateX(100%);
}

.work-bg .witem .work-box .lia[data-on="on"] .inbox {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.work-bg .witem .work-box .lia .inbox .main {
    width: 360px;
}

.work-bg .witem .work-box .lia .inbox .main .demo {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 220px;
}

.work-bg .witem .work-box .lia .inbox .main .title .cn {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
}

.work-bg .witem .work-box .lia .ico {
    width: 12px;
    height: 12px;
    position: relative;
}

.work-bg .witem .work-box .lia .ico:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.work-bg .witem .work-box .lia .ico:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.work-bg .witem .wright {
    width: 400px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    padding: 40px 0;
}

.work-bg .witem .wright .text {
    width: 94%;
    max-width: 340px;
    margin: 0 auto;
}

.work-bg .witem .wright .text .bbt {
    font-size: 30px;
    color: #212121;
    margin-bottom: 10px;
}

.work-bg .witem .wright .text .content {
    font-size: 14px;
    color: #383838;
    line-height: 24px;
}

@media only screen and (max-width: 1024px) {
    .work-bg {
        padding-top: 40px;
    }
    .work-bg .theme {
        font-size: 24px;
    }
    .work-bg .witem {
        margin-bottom: 30px;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: auto;
    }
    .work-bg .witem .wright {
        width: 100%;
        padding: 3% 0;
    }
    .work-bg .witem .wright .text {
        max-width: none;
    }
    .work-bg .witem .work-box {
        width: 100%;
        display: block;
    }
    .work-bg .witem .work-box .lia {
        width: 50%;
        height: auto;
        float: left;
    }
    .work-bg .witem .work-box .lia .text {
        display: none;
    }
    .work-bg .witem .work-box .lia .inbox {
        padding: 3% 0;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .work-bg .witem .work-box .lia .inbox .main .title {
        margin-bottom: 3%;
    }
    .work-bg .witem .work-box .lia .inbox .main .demo {
        font-size: 24px;
        margin-bottom: 60px;
    }
    .work-bg .witem .work-box .lia .inbox .main .title .cn {
        font-size: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .work-bg {
        padding-top: 6%;
    }
    .work-bg .witem .work-box .lia {
        width: 100%;
        margin-bottom: 3%;
    }
    .work-bg .witem .wright .text .bbt {
        font-size: 24px;
    }
    .work-bg .witem .work-box .lia .inbox .main .demo {
        font-size: 16px;
    }
    .work-bg .witem .work-box .lia .inbox .main .title .cn {
        font-size: 20px;
        font-weight: normal;
    }
}


/* =========

    工业详情

 ========= */

.lview-bg .wclass-box {
    margin-bottom: 60px;
    background-color: #f5f5f5;
    padding: 30px 0;
    position: relative;
}

.lview-bg .wclass-box:after {
    content: "";
    border-style: solid;
    border-width: 20px;
    border-color: #f5f5f5 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}

.lview-bg .wclass-box .wclass-swiper {
    width: 94%;
    margin: 0 auto;
}

.lview-bg .wclass-box .wclass-swiper .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.lview-bg .wclass-box .wclass-swiper .swiper-wrapper .swiper-slide {
    width: auto !important;
}

.lview-bg .wclass-box .wclass-swiper .swiper-wrapper .swiper-slide .liw {
    display: block;
    padding: 0 10px;
    min-width: 120px;
    border: 1px solid #d4d4d4;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #383838;
}

.lview-bg .wclass-box .wclass-swiper .swiper-wrapper .swiper-slide .liw.on {
    background-color: #3a4047;
    border: 1px solid #3a4047;
    color: #fff;
    font-weight: bold;
}

.lview-bg .wview-box {
    max-width: 1100px;
    margin: 0 auto;
}

.lview-bg .wview-box .wv-top {
    margin-bottom: 70px;
}

.lview-bg .wview-box .wv-top .titlebox {
    width: 260px;
    float: left;
}

.lview-bg .wview-box .wv-top .titlebox .title {
    font-size: 36px;
    color: #272727;
    padding-bottom: 25px;
    margin-bottom: 20px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(../images/ggw_03.png);
}

.lview-bg .wview-box .wv-top .titlebox .demo {
    font-size: 24px;
    color: #363636;
    font-weight: bold;
}

.lview-bg .wview-box .wv-top .main {
    width: calc(97% - 260px);
    max-width: 730px;
    float: right;
}

.lview-bg .wview-box .wv-top .main .bbt {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: bold;
}

.lview-bg .wview-box .wv-top .main .content {
    font-size: 16px;
    color: #383838;
    line-height: 2;
}

.lview-bg .wview-box .wview-swiper .swiper-wrapper .swiper-slide .wvimg {
    padding-top: calc(230 / 346 * 100%);
}

@media only screen and (min-width: 601px) {
    .lview-bg .wclass-box .wclass-swiper .swiper-wrapper .swiper-slide .liw:hover {
        background-color: #3a4047;
        border: 1px solid #3a4047;
        color: #fff;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1280px) {
    .lview-bg {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .lview-bg {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .lview-bg .wclass-box .wclass-swiper .swiper-wrapper {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .lview-bg .wview-box .wv-top {
        margin-bottom: 50px;
    }
    .lview-bg .wview-box .wv-top .titlebox {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .lview-bg .wview-box .wv-top .main {
        width: 100%;
        float: none;
        max-width: none;
    }
}

@media only screen and (max-width: 414px) {
    .lview-bg {
        padding-top: 5%;
        padding-bottom: 6%;
    }
    .lview-bg .wclass-box {
        padding: 3% 0;
        margin-bottom: 6%;
    }
    .lview-bg .wclass-box .wclass-swiper .swiper-wrapper .swiper-slide .liw {
        min-width: 100px;
    }
    .lview-bg .wview-box .wv-top {
        margin-bottom: 5%;
    }
    .lview-bg .wview-box .wv-top .titlebox .title {
        font-size: 24px;
    }
    .lview-bg .wview-box .wv-top .titlebox .demo {
        font-size: 20px;
    }
    .lview-bg .wview-box .wview-swiper {
        display: none;
    }
    .lview-bg .wview-box .mmwview-swiper .wvimg {
        padding-top: calc(230 / 346 * 100%);
        margin-bottom: 3%;
    }
}


/* =========

    进口涂料

 ========= */

.enter-bg {
    padding-top: 60px;
    padding-bottom: 30px;
}

.enter-bg .lie {
    margin-bottom: 60px;
    display: block;
}

.enter-bg .lie .imgbox .eimg {
    padding-top: calc(420 / 1200 * 100%);
}

.enter-bg .lie .textbox {
    padding-right: 146px;
    position: relative;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.enter-bg .lie .textbox .text {
    padding: 20px;
    height: 146px;
}

.enter-bg .lie .textbox .text .title {
    font-size: 30px;
    color: #212121;
    margin-bottom: 10px;
}

.enter-bg .lie .textbox .text .demo {
    font-size: 14px;
    color: #383838;
    line-height: 24px;
}

.enter-bg .lie .textbox .jia {
    width: 146px;
    height: 146px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #f2f2f2;
    font-size: 16px;
    color: #383838;
    font-weight: bold;
}

.enter-bg .lie .textbox .jia .ico {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
}

.enter-bg .lie .textbox .jia .ico:before {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #f5ce13;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.enter-bg .lie .textbox .jia .ico:after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #f5ce13;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.enter-bg .lie .line {
    width: 100%;
    height: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/yline_03.png);
    -webkit-background-size: cover;
    background-size: cover;
    transition: all 1.5s ease;
}

@media only screen and (max-width: 1024px) {
    .enter-bg {
        padding-top: 40px;
    }
    .enter-bg .lie .textbox .text .title {
        font-size: 24px;
    }
    .enter-bg .lie .textbox .text {
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .enter-bg .lie .textbox {
        padding-right: 0;
    }
    .enter-bg .lie .textbox .text {
        height: auto;
    }
    .enter-bg .lie {
        margin-bottom: 40px;
    }
    .enter-bg .lie .textbox .jia {
        position: relative;
        width: auto;
        height: auto;
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 3%;
        padding-left: 6%;
        border: none;
    }
    .enter-bg .lie .textbox .jia .ico {
        display: none;
    }
    .enter-bg .lie .textbox .jia:after {
        content: "";
        width: 10px;
        height: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: #383838 #383838 transparent transparent;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -5px;
        transform: rotate(45deg);
    }
}

@media only screen and (max-width: 414px) {
    .enter-bg {
        padding-top: 4%;
        padding-bottom: 3%;
    }
    .enter-bg .lie {
        margin-bottom: 5%;
    }
    .enter-bg .lie .textbox .text .title {
        font-size: 20px;
    }
    .enter-bg .lie .textbox .text {
        padding: 3%;
    }
}


/*荷兰*/

.art-bg .helan-box .hdesc {
    font-size: 16px;
    color: #464646;
    line-height: 24px;
    margin-bottom: 40px;
}

.art-bg .helan-box .plist {
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    margin-bottom: 50px;
}

.art-bg .helan-box .plist .lid {
    width: calc((100% - 120px) / 4);
    margin-right: 40px;
    margin-bottom: 30px;
    padding: 15px;
    float: left;
}

.art-bg .helan-box .plist .lid:nth-child(4n) {
    margin-right: 0;
}

.art-bg .helan-box .plist .lid .imgbox .dimg {
    padding-top: 100%;
}

.art-bg .helan-box .plist .lid .title {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #242424;
}

.art-bg .helan-box .bbt {
    font-size: 22px;
    color: #464646;
    font-weight: bold;
    margin-bottom: 20px;
}

.art-bg .helan-box .hlswiper {
    position: relative;
}

.art-bg .helan-box .hlswiper .helan-swiper .swiper-wrapper .swiper-slide .imgbox .himg {
    padding-top: 100%;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}

.art-bg .helan-box .hlswiper .helan-swiper .swiper-wrapper .swiper-slide .title {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #464646;
    text-align: center;
}

.art-bg .helan-box .hlswiper .btn {
    width: 44px;
    height: 44px;
    position: absolute;
    top: calc(50% - 18px);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 11;
    border-radius: 50%;
    background-color: #fff;
}

.art-bg .helan-box .hlswiper .btn.helan-prev {
    left: -22px;
    background-image: url(../images/intro_03.png);
}

.art-bg .helan-box .hlswiper .btn.helan-next {
    right: -22px;
    background-image: url(../images/intro_05.png);
}

.art-bg .art-box .lia .text .title .cn span {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
}

@media only screen and (max-width: 768px) {
    .art-bg .helan-box .plist .lid {
        width: calc((100% - 80px) / 3);
    }
    .art-bg .helan-box .plist .lid:nth-child(4n) {
        margin-right: 40px;
    }
    .art-bg .helan-box .plist .lid:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .art-bg .helan-box .plist .lid {
        width: calc((100% - 30px) / 2);
        margin-right: 30px;
        padding: 0;
    }
    .art-bg .helan-box .plist .lid:nth-child(4n) {
        margin-right: 0;
    }
    .art-bg .helan-box .plist .lid:nth-child(3n) {
        margin-right: 30px;
    }
    .art-bg .helan-box .plist .lid:nth-child(2n) {
        margin-right: 0;
    }
}


/*团队*/

.art-bg .team-list .lit {
    width: calc(97% / 2);
    max-width: 580px;
    float: left;
    margin-bottom: 45px;
}

.art-bg .team-list .lit:nth-child(2n) {
    float: right;
}

.art-bg .team-list .lit .imgbox {
    width: 170px;
    float: left;
}

.art-bg .team-list .lit .imgbox .timg {
    padding-top: calc(215 / 170 * 100%);
}

.art-bg .team-list .lit .text {
    width: calc(97% - 170px);
    float: right;
}

.art-bg .team-list .lit .text .title {
    font-size: 22px;
    color: #2c2c2c;
    margin-bottom: 10px;
}

.art-bg .team-list .lit .text .title span {
    margin-left: 10px;
}

.art-bg .team-list .lit .text .item {
    padding-left: 50px;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    color: #2c2c2c;
}

.art-bg .team-list .lit .text .item .word {
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (min-width: 601px) {
    .art-bg .helan-box .plist .lid:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    }
    .art-bg .helan-box .plist .lid:hover .imgbox .dimg {
        transform: scale(1.05);
    }
}

@media only screen and (max-width: 1024px) {
    .art-bg .helan-box .hlswiper .btn {
        display: none;
    }
    .art-bg .team-list .lit {
        margin-bottom: 30px;
    }
    .art-bg .team-list .lit .imgbox {
        width: 120px;
    }
    .art-bg .team-list .lit .text {
        width: calc(97% - 120px);
    }
}

@media only screen and (max-width: 768px) {
    .art-bg .team-list .lit {
        width: 100%;
        max-width: none;
        float: none;
    }
    .art-bg .team-list {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    .art-bg .team-list .lit {
        margin-bottom: 3%;
    }
    .art-bg .team-list .lit .imgbox {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .art-bg .team-list .lit .text {
        width: 100%;
        float: none;
    }
}


/* =========

    登陆

 ========= */

.login-bg {
    position: relative;
    height: 600px;
}

.login-bg .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.login-bg .layerbox {
    padding-top: 60px;
}

.login-bg .layerbox .login-layer {
    max-width: 410px;
    margin-right: 0;
    margin-left: auto;
    background-color: #fff;
    padding: 30px;
}

.login-bg .layerbox .login-layer .theme {
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    color: #01419a;
}

.login-bg .layerbox .login-layer .login-form .my-item {
    margin-bottom: 12px;
}

.login-bg .layerbox .login-layer .login-form .my-item input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d2d2d2;
    padding: 0 15px;
}

.login-bg .layerbox .login-layer .login-form .my-item input:-moz-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
}

.login-bg .layerbox .login-layer .login-form .my-item input:-ms-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
}

.login-bg .layerbox .login-layer .login-form .my-item input::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
}

.login-bg .layerbox .login-layer .login-form .loginbtn {
    width: 100%;
    cursor: pointer;
    height: 50px;
    margin-top: 10px;
    border: none;
    background-color: #01419a;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}

@media only screen and (max-width: 414px) {
    .headerbox[data-status="login"] .header .htop .backin {
        display: none;
    }
    .headerbox[data-status="login"] {
        height: 50px;
    }
    .login-bg {
        height: auto;
        overflow: hidden;
    }
    .login-bg .login-banner {
        position: relative;
        padding-top: calc(600 / 1920 * 100%);
    }
    .login-bg .layerbox {
        padding-top: 0;
        width: 100%;
        height: 55vh;
    }
    .login-bg .layerbox .login-layer {
        margin: 0;
        max-width: none;
    }
}


/* =========

    会员中心

 ========= */

.user-bg {
    padding-bottom: 90px;
}

.user-bg .uleft {
    width: 235px;
    float: left;
}

.user-bg .uleft .path {
    padding-top: 20px;
    height: 50px;
}

.user-bg .uleft .path .pp {
    font-size: 14px;
    color: #383737;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.user-bg .uleft .path span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    text-align: center;
    font-family: "SimSun";
}

.user-bg .uleft .list {
    border-top: 5px solid #014099;
    background-color: #fff;
}

.user-bg .uleft .list .li .utitle {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
    color: #2c2c2c;
    position: relative;
    cursor: pointer;
    display: block;
    transition: all .5s ease;
    text-decoration: none;
}

.user-bg .uleft .list .li .utitle.click:after {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #7b7b7b #7b7b7b transparent transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    transform: rotate(45deg);
}

.user-bg .uleft .list .li[data-on="on"] .utitle.click:after {
    border-color: #014099 #014099 transparent transparent;
    transform: rotate(135deg);
}

.user-bg .uleft .list .li .sub {
    display: none;
}

.user-bg .uleft .list .li[data-on="on"] .sub {
    display: block;
}

.user-bg .uleft .list .li .sub .ss {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #383838;
    padding: 0 20px;
}

.user-bg .uleft .list .li .sub .ss.on {
    color: #014099;
}

.user-bg .uright {
    width: calc(97% - 235px);
    max-width: 920px;
    float: right;
}

.user-bg .uright .ubt-box {
    height: 176px;
    padding: 30px 40px;
    background-color: #014099;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.user-bg .uright .ubt-box .bt .en {
    font-size: 30px;
    color: rgba(255, 255, 255, .45);
    text-transform: uppercase;
}

.user-bg .uright .ubt-box .bt .cn {
    font-size: 24px;
    color: #fff;
}


/*搜索*/

.user-bg .uright .ubt-box .nsearch {
    width: 220px;
    height: 35px;
    background-color: #fff;
    border-radius: 50px;
    position: relative;
}

.user-bg .uright .ubt-box .nsearch input[type="text"] {
    width: 100%;
    height: 35px;
    border: none;
    border-radius: 50px;
    padding: 0 20px;
}

.user-bg .uright .ubt-box .nsearch input[type="submit"] {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 0;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/sico_03.png);
    -webkit-background-size: 14px;
    background-size: 14px;
    cursor: pointer;
}

.user-bg .uright .ubt-box .nsearch.down {
    background-color: rgba(255, 255, 255, .45);
}

.user-bg .uright .ubt-box .nsearch.down input[type="text"] {
    background-color: transparent;
}

.user-bg .uright .ubt-box .nsearch.down input[type="submit"] {
    background-color: transparent;
    background-image: url(../images/sicob_03.png);
}

.user-bg .uright .ubt-box .nsearch.down input[type="text"]:-moz-placeholder {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
}

.user-bg .uright .ubt-box .nsearch.down input[type="text"]:-ms-input-placeholder {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
}

.user-bg .uright .ubt-box .nsearch.down input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
}


/*移动端会员列表*/

.pro-pctype {
    display: none;
}

@media only screen and (min-width: 601px) {
    .user-bg .uleft .list .li .utitle:hover {
        color: #014099;
    }
}

@media only screen and (max-width: 1024px) {
    .user-bg {
        padding-bottom: 50px;
    }
    .user-bg .uright .ubt-box {
        padding: 10px 20px;
    }
    .user-bg .uleft {
        display: none;
    }
    .user-bg .uright {
        width: 100%;
        float: none;
    }
    .type-menu {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        bottom: 30px;
        right: 3%;
        position: fixed;
        z-index: 15;
        background: #D9D9D9;
        box-shadow: 3px 5px 10px rgba(0, 0, 0, .075);
    }
    .type-menu .ico {
        width: 25px;
        height: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -12.5px;
        padding-top: 2px;
    }
    .type-menu .ico .line {
        height: 3px;
        margin-bottom: 5px;
    }
    .type-menu .ico .line:before {
        content: "";
        display: block;
        float: left;
        border-radius: 100%;
        background: #013f98;
        width: 3px;
        height: 3px;
    }
    .type-menu .ico .line:after {
        content: "";
        display: block;
        float: right;
        background: #013f98;
        width: 17px;
        height: 3px;
    }
    #type-menu-dan {
        display: none;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, .1);
        z-index: 12;
    }
    .pro-pctype {
        display: block;
        position: fixed;
        left: 0;
        top: 50px;
        width: 100%;
        height: calc(100vh - 50px);
        max-width: 260px;
        z-index: 22;
        background-color: #fff;
        transition: all .5s ease;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
    .pro-pctype[data-on="on"] {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .pro-pctype .xtilie {
        background-color: #014099;
        color: #fff;
        font-size: 14px;
        text-align: center;
        display: block;
        height: 40px;
        line-height: 40px;
    }
    .pro-pctype .protypelist .lip {
        position: relative;
        border-bottom: 1px solid #eee;
    }
    .pro-pctype .protypelist .lip .biaoti {
        display: inline-block;
        height: 46px;
        line-height: 46px;
        padding: 0 6%;
        position: relative;
        z-index: 2;
        min-width: 100px;
        font-size: 14px;
    }
    .pro-pctype .protypelist .lip .biaoti.block {
        display: block;
    }
    .pro-pctype .protypelist .lip .click {
        height: 46px;
        width: 100%;
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
        z-index: 1;
    }
    .pro-pctype .protypelist .lip .click:after {
        content: "";
        width: 8px;
        height: 8px;
        border-style: solid;
        border-width: 1px;
        border-color: #7b7b7b #7b7b7b transparent transparent;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -4px;
        transform: rotate(45deg);
    }
    .pro-pctype .protypelist .lip .menu {
        background: #f5f5f5;
        display: none;
    }
    .pro-pctype .protypelist .lip .menu .mm {
        display: block;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        font-size: 12px;
        padding: 0 6%;
        position: relative;
        z-index: 2;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg {
        width: 100%;
        padding-bottom: 5%;
    }
    .user-bg .uright .ubt-box {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        position: relative;
        padding: 3%;
        height: 135px;
    }
    .user-bg .uright .ubt-box .nsearch {
        position: absolute;
        left: 50%;
        bottom: 10px;
        width: 94%;
        transform: translateX(-50%);
    }
    .user-bg .uright .ubt-box .bt .en {
        font-size: 24px;
    }
    .user-bg .uright .ubt-box .bt .cn {
        font-size: 20px;
    }
}


/*公告中心*/

.user-bg .uright .notice-box {
    padding-bottom: 30px;
    background-color: #fff;
}

.user-bg .uright .notice-box .notice-list {
    padding-bottom: 20px;
}

.user-bg .uright .notice-box .notice-list .lin {
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
}

.user-bg .uright .notice-box .notice-list .lin .title {
    font-size: 14px;
    color: #343434;
}

.user-bg .uright .notice-box .notice-list .lin .time {
    font-size: 13px;
    color: #a1a1a1;
}

.user-bg .uright .notice-box .notice-list .nothing {
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

@media only screen and (min-width: 601px) {
    .user-bg .uleft .list .li .sub .ss:hover {
        color: #014099;
    }
    .user-bg .uright .notice-box .notice-list .lin:hover .title {
        color: #014099;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .notice-box {
        padding-bottom: 3%;
    }
    .user-bg .uright .notice-box .notice-list .lin {
        padding: 0 3%;
        height: 45px;
        line-height: 45px;
    }
}


/*公告详情*/

.unview-bg {
    padding-bottom: 100px;
}

.unview-bg .un-top {
    background-color: #014099;
    padding: 20px 15px;
    position: relative;
}

.unview-bg .un-top .back {
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
    padding-left: 15px;
    position: relative;
    margin-bottom: 40px;
    display: block;
}

.unview-bg .un-top .back:after {
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, .65) transparent transparent rgba(255, 255, 255, .65);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    transform: rotate(-45deg);
}

.unview-bg .un-top .title {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 10px;
    text-align: center;
}

.unview-bg .un-top .time {
    font-size: 14px;
    color: rgba(255, 255, 255, .45);
    text-align: center;
}

.unview-bg .un-top .down {
    position: absolute;
    right: 60px;
    bottom: 40px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    font-size: 14px;
    color: #014099;
    background-color: #fff;
    padding-left: 40px;
    background-position: 15px;
    background-repeat: no-repeat;
    background-image: url(/phone/images/down_03.png);
    -webkit-background-size: 17px 15px;
    background-size: 17px 15px;
}

.unview-bg .ucontent {
    font-size: 14px;
    color: #000;
    line-height: 2;
    background-color: #fff;
}

@media only screen and (max-width: 1280px) {
    .unview-bg {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .unview-bg {
        padding-bottom: 30px;
    }
    .unview-bg .un-top .back {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .unview-bg .un-top .title {
        font-size: 24px;
    }
    .unview-bg .un-top .down {
        position: relative;
        display: block;
        left: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: 0;
        margin-top: 3%;
    }
}


/*物料中心*/

.user-bg .uright .thing-box {
    padding: 3%;
}

.user-bg .uright .thing-box .tlist {
    padding-bottom: 20px;
}

.user-bg .uright .thing-box .tlist .lit {
    width: calc((100% - 20px) / 3);
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #ffffff;
}

.user-bg .uright .thing-box .tlist .lit:nth-child(3n) {
    margin-right: 0;
}

.user-bg .uright .thing-box .tlist .lit .imgbox {
    margin-bottom: 10px;
}

.user-bg .uright .thing-box .tlist .lit .imgbox .timg {
    padding-top: calc(216 / 270 * 100%);
}

.user-bg .uright .thing-box .tlist .lit .title {
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../images/shop_03.png);
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
    padding-right: 30px;
}

.user-bg .uright .thing-box .tlist .lit .title .ww {
    font-size: 14px;
    color: #2f2f2f;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (min-width: 601px) {
    .user-bg .uright .thing-box .tlist .lit:hover {
        background-color: #014099;
    }
    .user-bg .uright .thing-box .tlist .lit:hover .title {
        background-image: url(../images/shop_05.png);
    }
    .user-bg .uright .thing-box .tlist .lit:hover .title .ww {
        color: #fcfcfc;
    }
}

@media only screen and (max-width: 768px) {
    .user-bg .uright .thing-box .tlist .lit {
        width: calc((100% - 10px) / 2);
    }
    .user-bg .uright .thing-box .tlist .lit:nth-child(3n) {
        margin-right: 10px;
    }
    .user-bg .uright .thing-box .tlist .lit:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .thing-box .tlist .lit {
        margin-bottom: 5%;
    }
    .user-bg .uright .thing-box .tlist .lit .title .ww {
        font-size: 12px;
    }
}


/*物料详情*/

.utview-bg {
    padding-top: 30px;
    padding-left: 40px;
}

.utview-bg .ut-top {
    margin-bottom: 30px;
}

.utview-bg .ut-top .utleft {
    width: 320px;
    float: left;
}

.utview-bg .ut-top .utleft .gallery-top {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.utview-bg .ut-top .utleft .gallery-top .swiper-wrapper .swiper-slide .topimg {
    padding-top: calc(260 / 320 * 100%);
}

.utview-bg .ut-top .utleft .thumbsbox {
    padding: 0 20px;
    height: 50px;
    position: relative;
}

.utview-bg .ut-top .utleft .thumbsbox .gallery-thumbs .swiper-wrapper .swiper-slide .thumbsimg {
    padding-top: calc(50 / 70 * 100%);
}

.utview-bg .ut-top .utleft .thumbsbox .btn {
    width: 15px;
    height: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: absolute;
    top: 0;
}

.utview-bg .ut-top .utleft .thumbsbox .btn.gallery-prev {
    left: 0;
}

.utview-bg .ut-top .utleft .thumbsbox .btn.gallery-next {
    right: 0;
}

.utview-bg .ut-top .utright {
    width: calc(97% - 320px);
    max-width: 500px;
    float: right;
}

.utview-bg .ut-top .utright .title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #014099;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}

.utview-bg .ut-top .utright .msgbox {
    margin-bottom: 30px;
}

.utview-bg .ut-top .utright .msgbox .mm {
    line-height: 30px;
    height: 30px;
    padding-left: 100px;
    position: relative;
    font-size: 14px;
    color: #1c1c1c;
}

.utview-bg .ut-top .utright .msgbox .mm .ww {
    position: absolute;
    left: 0;
    top: 0;
}

.utview-bg .ut-top .utright .msgbox .mm span {
    font-size: 20px;
    color: #014099;
    font-weight: bold;
}

.utview-bg .ut-top .utright .buy {
    width: 160px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50px;
    padding-left: 70px;
    font-size: 16px;
    color: #014099;
    background-position: 25px;
    background-repeat: no-repeat;
    background-image: url(../images/shop_07.png);
    -webkit-background-size: 22px 20px;
    background-size: 22px 20px;
    cursor: pointer;
    transition: all .5s ease;
}

.utview-bg .ut-main {
    background-color: #fff;
}

.utview-bg .ut-main .bt {
    font-size: 16px;
    color: #000000;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.utview-bg .ut-main .content {
    padding: 15px 20px;
    font-size: 16px;
    color: #014099;
    line-height: 30px;
}

@media only screen and (min-width: 601px) {
    .utview-bg .ut-top .utright .buy:hover {
        color: #fff;
        background-color: #014099;
        background-image: url(../images/shop_05.png);
    }
}

@media only screen and (max-width: 1024px) {
    .utview-bg {
        padding: 3% 0;
    }
}

@media only screen and (max-width: 414px) {
    .utview-bg .ut-top .utleft {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .utview-bg .ut-top .utright {
        width: 100%;
        float: none;
    }
    .utview-bg .ut-top .utright .msgbox {
        margin-bottom: 5%;
    }
    .utview-bg .ut-top .utleft .thumbsbox {
        padding: 0;
        height: auto;
    }
    .utview-bg .ut-top .utright .msgbox .mm {
        padding-left: 70px;
    }
}


/*物料说明*/

.user-bg .uright .desc {
    padding: 40px;
    background-color: #fff;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}

@media only screen and (max-width: 1024px) {
    .user-bg .uright .desc {
        padding: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .desc {
        padding: 3%;
    }
}


/*购物车*/


/*删除键*/

.user-bg .uright .ubt-box .del {
    font-size: 14px;
    color: #ffffff;
    width: 60px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, .45);
    text-align: center;
    cursor: pointer;
}

.user-bg .uright .ucart-bg {
    padding-bottom: 40px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
}

.user-bg .uright .ucart-bg .cart-table {
    width: 100%;
}

.user-bg .uright .ucart-bg .cart-table .chead {
    height: 50px;
    padding-left: 40px;
    background-color: #ebebeb;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    border-right: 1px solid #dfdfdf;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh:last-child {
    border: none;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh.h1 {
    width: 160px;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh.h2 {
    width: 190px;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh.h3 {
    width: 130px;
}

.user-bg .uright .ucart-bg .cart-table .chead .hh.h4 {
    width: 90px;
}

.user-bg .uright .ucart-bg .cart-table .lic {
    height: 120px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc {
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    position: relative;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc .click {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #e6e6e6;
    width: 14px;
    height: 14px;
    cursor: pointer;
    transition: all .5s ease;
    z-index: 11
}

.user-bg .uright .ucart-bg .cart-table .lic[data-on="on"] .cc .click {
    background-color: #014099;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc a {
    color: rgba(0, 0, 0, .65);
    display: block;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc a.imgbox {
    margin-left: 40px;
    text-align: left;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc a img {
    width: 95px;
    height: 80px;
}


/*操作*/

.user-bg .uright .ucart-bg .cart-table .lic .cc .xuan-sl-box {
    font-size: 0;
    height: 25px;
    max-width: 110px;
    margin: 0 auto;
    border: 1px solid #eeeeee;
    background-color: #fafafa;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc .xuan-sl-box input {
    width: 30px;
    height: 25px;
    background-color: #fff;
    font-size: 12px;
    color: #383838;
    border: none;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc .xuan-sl-box .bb {
    width: calc((100% - 30px) / 2);
    height: 25px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.user-bg .uright .ucart-bg .cart-table .lic .cc .xuan-sl-box .bb.jia {
    background-image: url(../images/cbb_03.png)
}

.user-bg .uright .ucart-bg .cart-table .lic .cc .xuan-sl-box .bb.jian {
    background-image: url(../images/cbb_05.png)
}


/**/

.user-bg .uright .ucart-bg .cart-cz {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 35px;
}

.user-bg .uright .ucart-bg .cart-cz .czbox {
    font-size: 0;
}

.user-bg .uright .ucart-bg .cart-cz .czbox:nth-child(2) {
    padding-right: 40px;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .allxuan {
    padding-left: 40px;
    position: relative;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    margin-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .allxuan:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #e6e6e6;
    width: 14px;
    height: 14px;
    transition: all .5s ease;
    z-index: 11
}

.user-bg .uright .ucart-bg .cart-cz .czbox .allxuan[data-on="on"]:after {
    background-color: #014099;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    color: #000000;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .text span {
    font-size: 16px;
    color: #014099;
    font-weight: bold;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .btn {
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .btn.pay {
    color: #fff;
    font-weight: bold;
    background-color: #014099;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .btn.buy {
    color: #014099;
    background-color: #d9e9ff;
    border: 1px solid #014099;
}

.user-bg .uright .ucart-bg .cart-cz .czbox .btn.clear {
    color: rgba(0, 0, 0, .65);
    background-color: #ebebeb;
}


/*移动端购物车列表*/

.user-bg .cart-list {
    display: none;
}

@media only screen and (max-width: 768px) {
    .user-bg .cart-table {
        display: none;
    }
    .user-bg .cart-list {
        display: block;
        padding: 10px;
    }
    .user-bg .cart-list .lic {
        width: calc(97% / 2);
        float: left;
        margin-bottom: 30px;
        position: relative;
    }
    .user-bg .cart-list .lic .click {
        position: absolute;
        right: 0;
        bottom: 0;
        border: 2px solid #e6e6e6;
        width: 25px;
        height: 25px;
        cursor: pointer;
        transition: all .5s ease;
        z-index: 11;
    }
    .user-bg .cart-list .lic[data-on="on"] .click {
        background-color: #014099;
    }
    .user-bg .cart-list .lic:nth-child(2n) {
        float: right;
    }
    .user-bg .cart-list .lic .imgbox {
        display: block;
        margin-bottom: 10px;
    }
    .user-bg .cart-list .lic .imgbox .cimg {
        padding-top: calc(216 / 270 * 100%);
    }
    .user-bg .cart-list .lic .title {
        display: block;
        font-size: 14px;
        color: #2f2f2f;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .user-bg .cart-list .lic .info {
        height: 24px;
        line-height: 24px;
        color: #000000;
    }
    .user-bg .cart-list .lic .info span {
        font-size: 14px;
        color: rgba(0, 0, 0, .65);
    }
    .user-bg .cart-list .lic .xuan-sl-box {
        font-size: 0;
        height: 25px;
        max-width: 110px;
        margin-top: 10px;
        border: 1px solid #eeeeee;
        background-color: #fafafa;
    }
    .user-bg .cart-list .lic .xuan-sl-box .bb {
        width: calc((100% - 30px) / 2);
        height: 25px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        cursor: pointer;
        background-position: center;
        background-repeat: no-repeat;
    }
    .user-bg .cart-list .lic .xuan-sl-box .bb.jian {
        background-image: url(../images/cbb_05.png);
    }
    .user-bg .cart-list .lic .xuan-sl-box .bb.jia {
        background-image: url(../images/cbb_03.png);
    }
    .user-bg .cart-list .lic .xuan-sl-box input {
        width: 30px;
        height: 25px;
        background-color: #fff;
        font-size: 12px;
        color: #383838;
        border: none;
        text-align: center;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }
    .user-bg .uright .ucart-bg .cart-cz {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
    }
    .user-bg .uright .ucart-bg .cart-cz .czbox {
        padding-top: 0;
    }
    .user-bg .uright .ucart-bg .cart-cz .czbox:nth-child(2) {
        padding-right: 3%;
        padding-top: 3%;
        text-align: right;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .cart-list .lic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%;
    }
    .user-bg .uright .ubt-box .del {
        position: absolute;
        right: 3%;
        bottom: 10%;
    }
}


/*提交资料*/

.user-bg .uright .uinfo-bg {
    padding: 40px;
    background-color: #fff;
}

.user-bg .uright .uinfo-bg .my-item {
    margin-bottom: 10px;
    padding-left: 70px;
    position: relative;
}

.user-bg .uright .uinfo-bg .my-item .my-label {
    width: 60px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
}

.user-bg .uright .uinfo-bg .my-item input[type="text"] {
    width: 100%;
    height: 40px;
    border: 1px solid #eeeeee;
    background-color: #fafafa;
    padding: 0 10px;
}

.user-bg .uright .uinfo-bg .my-item textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #eeeeee;
    background-color: #fafafa;
    resize: none;
    padding: 10px;
}

.user-bg .uright .uinfo-bg .itembox .my-item {
    width: calc(97% / 2);
    max-width: 400px;
    float: left;
}

.user-bg .uright .uinfo-bg .itembox .my-item:nth-child(2n) {
    float: right;
}

.user-bg .uright .uinfo-bg input[type="submit"] {
    margin-left: 70px;
    width: 130px;
    height: 40px;
    background-color: #014099;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50px;
    border: none;
}

@media only screen and (max-width: 1024px) {
    .user-bg .uright .uinfo-bg {
        padding: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .uinfo-bg {
        padding: 3% 3% 3% 0;
    }
    .user-bg .uright .uinfo-bg .itembox .my-item {
        width: 100%;
    }
}


/*订单列表*/

.user-bg .uright .uorder-bg {
    padding-bottom: 20px;
    background-color: #fff;
}

.user-bg .uright .uorder-bg .olist {
    padding-bottom: 20px;
    overflow: hidden;
}

.user-bg .uright .uorder-bg .olist .lio {
    border-bottom: 1px solid #ebebeb;
    padding: 20px 40px;
    background-color: #f5f5f5;
}

.user-bg .uright .uorder-bg .olist .lio:nth-child(2n) {
    background-color: #fff;
}

.user-bg .uright .uorder-bg .olist .lio .mm {
    margin-bottom: 10px;
    font-size: 14px;
    color: #868686;
    line-height: 20px;
}

.user-bg .uright .uorder-bg .olist .lio .mm span {
    color: #202020;
}

.user-bg .uright .uorder-bg .olist .lio .mm span.price {
    color: #014099;
    font-weight: bold;
}

.user-bg .uright .uorder-bg .olist .lio .mmbox {
    margin-bottom: 15px;
}

.user-bg .uright .uorder-bg .olist .lio .mmbox .mm {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 40px;
}

.user-bg .uright .uorder-bg .olist .lio .view {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #fafafa;
    text-align: center;
    background-color: #014099;
    border-radius: 50px;
    margin-right: 20px;
}

.user-bg .uright .uorder-bg .olist .lio .status {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 25px;
}

.user-bg .uright .uorder-bg .olist .nothing {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
}

@media only screen and (max-width: 1024px) {
    .user-bg .uright .uorder-bg .olist .lio {
        padding: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .uorder-bg .olist .lio {
        padding: 3%;
    }
    .user-bg .uright .uorder-bg .olist .lio .mmbox {
        margin-bottom: 3%;
    }
}


/*订单详情*/

.user-bg .uright .msg {
    font-size: 12px;
    color: rgba(255, 255, 255, .45);
}

.user-bg .uright .uoview-bg {
    border: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .vtop {
    background-color: #fff;
}

.user-bg .uright .uoview-bg .vtop .numbox {
    height: 60px;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.user-bg .uright .uoview-bg .vtop .numbox .num {
    font-size: 16px;
    color: #040000;
}

.user-bg .uright .uoview-bg .vtop .numbox .time {
    font-size: 14px;
    color: #383838;
}

.user-bg .uright .uoview-bg .vtop .msgbox {
    padding: 10px 40px 20px 40px;
    position: relative;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../images/fgb_03.jpg);
}

.user-bg .uright .uoview-bg .vtop .msgbox .mm {
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    height: 40px;
    line-height: 40px;
}

.user-bg .uright .uoview-bg .vtop .msgbox .status {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 12px;
    color: #014099;
    font-weight: bold;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    border-radius: 50px;
    text-align: center;
}

.user-bg .uright .uoview-bg .uoview-table {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .uoview-table .chead {
    height: 50px;
    border-bottom: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .uoview-table .chead .hh {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    border-right: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .uoview-table .chead .hh.h1 {
    width: 140px;
}

.user-bg .uright .uoview-bg .uoview-table .chead .hh.h2 {
    width: 150px;
}

.user-bg .uright .uoview-bg .uoview-table .lic {
    height: 50px;
    border-bottom: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .uoview-table .lic .cc {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .65);
    padding: 0 10px;
    border-right: 1px solid #eeeeee;
}

.user-bg .uright .uoview-bg .uoview-table .lic .cc a {
    color: rgba(0, 0, 0, .65);
}

.user-bg .uright .uoview-bg .now-hox .bbt {
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.user-bg .uright .uoview-bg .now-hox .contentbox {
    padding: 30px 40px;
    background-color: #fff;
}

.user-bg .uright .uoview-bg .now-hox .contentbox .word {
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
}

.user-bg .uright .uoview-bg .now-hox .contentbox .content {
    font-size: 14px;
    color: #888888;
    line-height: 2;
}


/*移动端订单*/

.user-bg .uright .uoview-bg .uoview-list {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .user-bg .uright .uoview-bg .uoview-table {
        display: none;
    }
    .user-bg .uright .uoview-bg .uoview-list {
        display: block;
        padding: 3% 0;
    }
    .user-bg .uright .uoview-bg .uoview-list .lic {
        width: calc(97% / 2);
        float: left;
        background-color: #fff;
        padding: 3%;
    }
    .user-bg .uright .uoview-bg .uoview-list .lic:nth-child(2n) {
        float: right;
    }
    .user-bg .uright .uoview-bg .uoview-list .lic .info {
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 414px) {
    .user-bg .uright .uoview-bg .uoview-list .lic {
        width: 100%;
        margin-bottom: 5%;
    }
}


/*个人资料*/

.udata-bg {
    padding-top: 30px;
    padding-bottom: 45px;
    background-color: #fff;
}

.udata-bg .udata-box {
    width: 94%;
    max-width: 700px;
    margin: 0 auto;
}

.udata-bg .udata-box .theme {
    padding-left: 70px;
    font-size: 18px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 30px;
}

.udata-bg .udata-box .layui-form {
    position: relative;
}

.udata-bg .udata-box .layui-form .txbox {
    position: absolute;
    right: 0;
    top: 5px;
}

.udata-bg .udata-box .layui-form .txbox .tx {
    width: 113px;
    height: 113px;
    border-radius: 50%;
}

.udata-bg .udata-box .layui-form .txbox .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    outline: none;
}

.udata-bg .udata-box .layui-form .layui-form-item {
    margin-bottom: 10px;
}

.udata-bg .udata-box .layui-form .layui-form-item:nth-child(4) {
    margin-bottom: 30px;
}

.udata-bg .udata-box .layui-form .layui-form-item .layui-form-label {
    padding: 0;
    margin-bottom: 0;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: rgba(4, 0, 0, .75);
    width: 60px;
}

.udata-bg .udata-box .layui-form .layui-form-item .layui-input-block {
    margin-left: 70px;
}

.udata-bg .udata-box .layui-form .layui-form-item .layui-input-block .layui-input-inline {
    width: calc((100% - 20px) / 3);
}

.udata-bg .udata-box .layui-form .layui-form-item .layui-input-block .layui-input-inline:nth-child(3n) {
    margin-right: 0;
}

.udata-bg .udata-box .layui-form .layui-form-item input {
    background-color: #fafafa;
    font-size: 14px;
}

.udata-bg .udata-box .layui-form .layui-form-item textarea {
    background-color: #fafafa;
    height: 120px;
    resize: none;
    font-size: 14px;
}

.udata-bg .udata-box .layui-form .max430 {
    max-width: 430px;
}

.udata-bg .udata-box .layui-form .edit {
    width: 160px;
    height: 40px;
    background-color: #014099;
    font-size: 18px;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    margin-left: 70px;
    margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
    .udata-bg {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .udata-bg .udata-box {
        max-width: none;
        position: relative;
    }
}

@media only screen and (max-width: 414px) {
    .udata-bg .udata-box .theme {
        padding-left: 0;
        position: absolute;
        right: 0;
        top: 50px;
    }
    .udata-bg .udata-box .layui-form .txbox {
        position: relative;
        top: 0;
        margin-bottom: 5%;
    }
    .udata-bg .udata-box .layui-form .layui-form-item .layui-form-label {
        float: none;
        text-align: left;
    }
    .udata-bg .udata-box .layui-form .layui-form-item .layui-input-block {
        margin-left: 0;
    }
    .udata-bg .udata-box .layui-form .layui-form-item:nth-child(4) {
        margin-bottom: 10px;
    }
    .udata-bg .udata-box .layui-form .layui-form-item .layui-input-block .layui-input-inline {
        width: 100%;
        margin: 0;
        margin-bottom: 3%;
    }
    .udata-bg .udata-box .layui-form .edit {
        margin-left: 0;
    }
}


/* =========

    页脚

 ========= */

.footer .footer-top {
    position: relative;
    background-color: #d0d3d5;
    padding-top: 50px;
    padding-bottom: 40px;
}

.footer[data-status="login"] .footer-top {
    display: none;
}

.footer .footer-top .fmsg {
    float: right;
    width: 220px;
}

.footer .footer-top .fmsg .flogo {
    padding-bottom: 20px;
    position: relative;
    display: block;
}

.footer .footer-top .fmsg .flogo:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line_03.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.footer .footer-top .fmsg .flogo img {
    display: block;
    margin-right: 0;
    margin-left: auto;
}

.footer .footer-top .fmsg .ftel {
    height: 65px;
    line-height: 65px;
    position: relative;
    padding-left: 45px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/tel_03.png);
    display: block;
    font-size: 26px;
    color: #606468;
    font-weight: bold;
    margin-bottom: 25px;
}

.footer .footer-top .fmsg .ftel:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/line_03.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.footer .footer-top .fmsg .ftool {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer .footer-top .fmsg .ftool .lif {
    position: relative;
    width: calc((100% - 16px) / 2);
    cursor: pointer;
}

.footer .footer-top .fmsg .ftool .lif .code {
    padding-top: 100%;
    margin-bottom: 10px;
    position: relative;
}

.footer .footer-top .fmsg .ftool .lif .code img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer .footer-top .fmsg .ftool .lif .word {
    font-size: 12px;
    color: #606468;
    text-align: center;
    line-height: 16px;
}

.footer .footer-top .fnav-list {
    float: left;
    width: 890px;
    font-size: 0;
    overflow: hidden;
}

.footer .footer-top .fnav-list .lif {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: calc(100% / 6);
    vertical-align: top;
}

.footer .footer-top .fnav-list .lif .class {
    margin-bottom: 20px;
    display: block;
}

.footer .footer-top .fnav-list .lif .class .icobox {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 10px;
    transition: all .5s ease;
}

.footer .footer-top .fnav-list .lif .class .icobox:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    transform: rotate(-15deg);
    background: -webkit-linear-gradient(left, #e4e5e6, #bbbdbf);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #e4e5e6, #bbbdbf);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #e4e5e6, #bbbdbf);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e4e5e6, #bbbdbf);
    /* 标准的语法 */
}

.footer .footer-top .fnav-list .lif .class .icobox .ico {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.footer .footer-top .fnav-list .lif .class .title {
    font-size: 16px;
    color: #53585c;
    padding-left: 18px;
}

.footer .footer-top .fnav-list .lif .sub .ss {
    font-size: 14px;
    color: #606468;
    margin-bottom: 10px;
    display: block;
    padding-left: 18px;
}

.footer .footer-bottom {
    padding: 20px 0;
    font-size: 13px;
    color: #fff;
    position: relative;
}

.footer .footer-bottom .color {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 168px;
}

.footer .footer-bottom .color .cc {
    height: 21px;
}

.footer .footer-bottom .bll {
    max-width: 50%;
    float: left;
    font-size: 12px;
    color: #5e5e5e;
}

.footer .footer-bottom .brr {
    max-width: 50%;
    float: right;
    text-align: right;
    font-size: 0;
}

.footer .footer-bottom .brr .tt {
    font-size: 12px;
    color: #5e5e5e;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 10px;
    border-right: 1px solid #cdcdcd;
}

@media only screen and (min-width: 601px) {
    .footer .footer-top .fmsg .ftool .lif:hover .code {
        transform: scale(1);
    }
    .footer .footer-top .fnav-list .lif .sub .ss:hover {
        color: #013f98;
    }
    .footer .footer-top .fnav-list .lif:hover .class .icobox {
        transform: rotateY(180deg);
    }
}

@media only screen and (max-width: 1024px) {
    .footer .footer-top {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .footer .footer-top .fnav-list {
        float: none;
        width: 100%;
        margin-bottom: 3%;
    }
    .footer .footer-top .fmsg {
        float: none;
        width: 100%;
    }
    .footer .footer-top .fmsg .flogo img {
        margin-left: 0;
        margin-right: auto;
    }
    .footer .footer-top .fmsg .ftel {
        height: 50px;
        line-height: 50px;
    }
    .footer .footer-top .fmsg .ftool .lif {
        max-width: 200px;
    }
}

@media only screen and (max-width: 414px) {
    .footer .footer-top {
        padding: 6% 0;
    }
    .footer .footer-top .fnav-list {
        display: none;
    }
    .footer .footer-bottom .bll {
        max-width: none;
        float: none;
        margin-bottom: 3%;
    }
    .footer .footer-bottom .brr {
        max-width: none;
        float: none;
        text-align: left;
    }
    .footer .footer-top .fmsg .ftool .lif {
        width: calc(70% / 2);
    }
    .footer .footer-top .fmsg .flogo img {
        width: 80%;
        margin: 0 auto;
    }
    .footer .footer-top .fmsg {
        text-align: center;
    }
    .footer .footer-top .fmsg .ftel {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .footer .footer-top .fmsg .ftool {
        text-align: left;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .footer .footer-top .fmsg .ftool .lif {
        margin: 0 3%;
        max-width: none;
    }
}

#loading-center-absolute {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #013f98;
}

.object {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #013f98;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}

#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_one {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_two {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_three {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_three {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}


/*客服*/

.kefu-box {
    position: fixed;
    right: 25px;
    bottom: 12%;
    width: 50px;
    z-index: 555;
    font-size: 0;
}

.kefu-box[data-status="user"] {
    display: none;
}

.kefu-box .kitem {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .5s ease;
}

.kefu-box.in .kitem.top {
    height: 50px;
}

.kefu-box .kitem .ico {
    width: 48px;
    height: 48px;
    background-color: #fff;
    cursor: pointer;
    transition: all .5s ease;
}

.kefu-box .kitem.tel .ico {
    border-style: solid;
    border-width: 1px;
    border-color: #e3e4e6 #e3e4e6 transparent #e3e4e6;
}

.kefu-box .kitem.wx .ico {
    border-style: solid;
    border-width: 1px;
    border-color: transparent #e3e4e6 #e3e4e6 #e3e4e6;
    margin-bottom: 10px;
}

.kefu-box .kitem.top .ico {
    border: 1px solid #e3e4e6;
}

.kefu-box .kitem.tel .ico {
    background-image: url(../images/kfico_03.png);
}

.kefu-box .kitem.wx .ico {
    background-image: url(../images/kfico_05.png);
}

.kefu-box .kitem.top .ico {
    background-image: url(../images/kfico_07.png);
}

.kefu-box .kitem .sub {
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #f5f5f5;
    margin-right: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.kefu-box .kitem .sub .tel {
    width: 150px;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #3e3e3e;
    padding: 0 15px;
}

.kefu-box .kitem .sub .code {
    width: 100px;
    height: 100px;
}

@media only screen and (min-width: 601px) {
    .kefu-box .kitem:hover .ico {
        background-color: #013f98;
    }
    .kefu-box .kitem.tel:hover .ico {
        background-image: url(../images/okfico_03.png);
    }
    .kefu-box .kitem.wx:hover .ico {
        background-image: url(../images/okfico_05.png);
    }
    .kefu-box .kitem.top:hover .ico {
        background-image: url(../images/okfico_07.png);
    }
    .kefu-box .kitem:hover .sub {
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 1024px) {
    .kefu-box {
        display: none;
    }
    .footer .fup-btn {
        right: 6%;
    }
    .kefu-box .kitem[data-on="on"] .sub {
        opacity: 1;
        visibility: visible;
    }
    .kefu-box .kitem .sub .qqbox .liq.pc {
        display: none;
    }
    .kefu-box .kitem .sub .qqbox .liq.phone {
        display: block;
    }
}


/*上传图片*/

.avatar-btns button {
    height: 35px;
}

.modal-dialog {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -294px;
    margin-left: -450px;
}

.modal-dialog .texta {
    text-align: right;
}

@media only screen and (max-width: 990px) {
    .modal-dialog {
        margin-left: -300px;
        margin-top: -428px;
    }
}

@media only screen and (max-width: 760px) {
    .modal-dialog {
        width: 90%;
        top: 60px;
        margin-left: -45%;
        margin-top: 0;
    }
    .avatar-wrapper {
        height: 160px;
    }
    .preview-lg {
        height: 80px;
        width: 80px;
    }
    .modal-dialog .texta {
        text-align: left;
    }
    .modal-dialog .roww {
        margin-bottom: 3%;
    }
}


/*漆量计算*/

.calc-box {
    max-width: 360px;
    margin: 0 auto;
}

.calc-box .theme {
    font-size: 14px;
    color: #25383c;
    font-weight: bold;
    margin-bottom: 10px;
}

.calc-box .form {
    margin-bottom: 10px;
}

.calc-box .form .my-input {
    position: relative;
    margin-bottom: 10px;
}

.calc-box .form .my-input input[type="text"] {
    width: 100%;
    height: 50px;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
    font-size: 18px;
}

.calc-box .form .my-input .em {
    font-size: 14px;
    color: #313131;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.calc-box .form .my-input .em:after {
    content: "2";
    font-size: 10px;
    position: absolute;
    left: 90%;
    top: 0;
    transform: translateY(-30%) scale(0.8);
}

.calc-box .form .submit {
    background-color: #014099;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    border: none;
    font-size: 18px;
    color: #fff;
}

.calc-box .main {
    border: 1px solid #e6e6e6;
    padding: 20px;
    margin-bottom: 10px;
}

.calc-box .main.remark {
    background-color: #f5f5f5;
}

.calc-box .main .bbt {
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #014099;
    font-weight: bold;
}

.calc-box .main.remark .bbt {
    color: #454545;
}

.calc-box .main .result {
    padding: 10px 0;
}

.calc-box .main .result .rr {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #383838;
}

.calc-box .main .result .rr span {
    font-size: 36px;
    color: #014099;
    font-weight: bold;
}

.calc-box .main .content {
    font-size: 13px;
    color: #444444;
    line-height: 2;
}


/*搜索*/

.search-theme {
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}

.search-main img {
    max-width: 100%;
    width: 100%;
}

.search-main {
    width: 94%;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0;
    min-height: 80vh;
}

.search-main .list {
    margin-bottom: 30px;
}

.search-main .type {
    line-height: 50px;
    font-size: 30px;
    color: #7b1e21;
    font-weight: bold;
    text-align: center;
}

.search-main .list ul li {
    display: block;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    float: left;
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
}

.search-main .list ul li:nth-child(2n) {
    margin-right: 0;
}

.search-main .list ul li.nothing {
    width: 100%;
    text-align: center;
    height: 100px;
    border: 0px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #999;
}

.search-main .list ul li a .text .title {
    font-size: 18px;
}

.search-main .list ul li a .text .demo {
    font-size: 12px;
    opacity: .7;
    line-height: 1.8;
    margin-bottom: 20px;
    display: none;
}

.search-main .list ul li a .text .rq {
    font-size: 14px;
    opacity: .7;
    line-height: 1.8;
}

.search-main .list ul li a .tu {
    margin-bottom: 20px;
    display: none;
}

@media only screen and (min-width: 601px) {
    .search-main .list ul li:hover a .text .title {
        color: #1d5ca2;
    }
}

@media only screen and (min-width:600px) {
    .search-main .list ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-orient: horizontal;
        -ms-box-orient: horizontal;
        box-orient: horizontal;
    }
    .search-main .list ul li a .tu {
        width: 200px;
        margin-right: 30px;
        margin-bottom: 0px;
        display: none;
    }
    .search-main .list ul li a .text {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        width: 100%;
    }
}

.search-main .list ul li a span {
    float: right;
    margin-right: 20px;
}

.search-main .list ul li a:hover {
    color: #21263f;
}

@media only screen and (max-width:1280px) {
    .search-main .list ul li {
        padding: 15px 0;
    }
}

@media only screen and (max-width:800px) {
    .search-main .type {
        font-size: 22px;
    }
    .search-main .list ul li {
        float: none;
        width: 100%;
        padding: 10px 0;
        margin-right: 0;
    }
    .search-main .list ul li a .text .demo {
        margin-bottom: 10px;
    }
    .search-main .list ul li a .text .title {
        font-size: 16px;
    }
}


/**/

.uphone {
    padding: 40px 0;
    text-align: center;
}

.uphone .user-phone {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 50px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(/phone/images/tell_03.png);
    font-size: 30px;
    color: #0145a0;
    font-weight: bold;
}


/*友情链接*/

.friend-box {
    padding-bottom: 10px;
    font-size: 0;
}

.friend-box span {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.friend-box .ff {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 5px;
    margin-right: 5px;
    position: relative;
    color: #5e5e5e;
    font-size: 14px;
    line-height: 20px;
}

.friend-box .ff:after {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #5e5e5e;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.friend-box .ff:last-child {
    margin-right: 0;
    padding-right: 0;
}

.friend-box .ff:last-child:after {
    display: none;
}

@media only screen and (min-width: 601px) {
    .friend-box .ff:hover {
        color: #013f98;
    }
}

.mejs-container .mejs-controls .mejs-fullscreen-button button {
    position: absolute;
    right: 0;
    top: 0;
}


/*网站地图*/

.sitemap-bg {
    padding-bottom: 55px;
}

.sitemap-bg .theme {
    padding: 45px 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}

.sitemap-bg .sitem {
    margin-bottom: 30px;
}

.sitemap-bg .sitem .nav {
    display: block;
    height: 50px;
    background: #f1f1f1;
    line-height: 50px;
    padding-left: 10px;
    color: #1f1f25;
    font-weight: bold;
    width: 100%;
    font-size: 18px;
}

.sitemap-bg .sitem .menu {
    padding-left: 10px;
    padding-top: 20px;
}

.sitemap-bg .sitem .menu .mm {
    color: #808080;
    font-size: 16px;
    float: left;
    margin-bottom: 20px;
    margin-right: 35px;
    display: block;
}

@media only screen and (min-width: 601px) {
    .sitemap-bg .sitem .menu .mm:hover {
        color: #013f98;
    }
}

@media only screen and (max-width: 1024px) {
    .sitemap-bg {
        padding-bottom: 30px;
    }
    .sitemap-bg .theme {
        padding: 30px 0;
        font-size: 20px;
    }
    .sitemap-bg .sitem .nav {
        font-size: 16px;
    }
}

@media only screen and (max-width: 414px) {
    .sitemap-bg {
        padding-bottom: 6%;
    }
    .sitemap-bg .sitem {
        margin-bottom: 5%;
    }
}













/* 在线配色分类 */
.ppclass-box22{
    padding: 0 36px;
    position: relative;
    overflow: hidden;
}
.ppclass-box22 .swiper-slide{
    margin: 0 18px;
    width: auto;
    height: 40px;
   
    font-size: 15px;
}
.ppclass-box22 .swiper-slide a{
     height: 40px;
      position: relative;
      color: #787878;
      display: block;
      line-height: 40px;
      overflow: hidden;
}
.ppclass-box22 .swiper-slide a::before{
    height: 2px;
    content: "";
    display: block;
    width: 0;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #09459b;
}
.ppclass-box22 .swiper-slide a:hover,.ppclass-box22 .swiper-slide.on a{
    color: #09459b;

}
.ppclass-box22 .swiper-slide.on a::before{
    width: 100%;
}
.ppclass-box22 .btn{
    background: #fff;
    width: 40px;
    height: 40px;
    top: 0;
    position: absolute;
    z-index: 10;
    
}
.ppclass-box22 .btn.prev{
    left: 0;
}
.ppclass-box22 .btn.next{
    right: 0;
}
.ppclass-box22 .btn:before{
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    display: block;
    background: #09459b;
    width: 1px;
}
.ppclass-box22 .btn:after{
    width: 20px;
    height: 20px;
    border-color: #09459b transparent transparent #09459b;
    border-width: 1px;
    border-style: solid;
    content: "";
    display: block;
    position: absolute;


}
.ppclass-box22 .btn.prev:after{
transform: rotate(-45deg);
left: 4px;
top: 50%;
margin-top: -11px;
}

.ppclass-box22 .btn.next:after{
transform: rotate(135deg);
right: 4px;
top: 50%;
margin-top: -11px;
}
.ppclass-box22 .btn.swiper-button-disabled{
    cursor: default;
}
.ppclass-box22 .btn.swiper-button-disabled:after{
    border-color:  #ccc transparent transparent #ccc;
}.ppclass-box22 .btn.swiper-button-disabled:before{
  background-color: #ccc;
}